在启用滚动和拖动时，在IE上出现div问题 [英] issue with div on IE when scrolling and dragging enabled

问题描述

我启用了拖动和滚动功能。在启用拖动之前，滚动工作正常，因为我使div可拖动滚动给出了一些奇怪的行为。当我点击滚动条时，似乎滚动事件没有完成并且div继续拖动。问题仅在IE浏览器上。< br $> b $ b

  function  test（）{
 $（' ＃dvDrag'）。draggable（{
 start： function （event，ui）{}，
 stop： function （event，ui）{} 
 
 }）; 
} 
 

 <   input       type   =  button    onclick   =  test（）  /  >  
 <   div     id   =  dvDrag    style   =  width：100px; height：150px; overflow：scroll < span class =code-关键字>>  
 test drag <   br     /  >  
 test drag <   br     /  >  
 test drag <   br     /  > ;  
 test drag <   br     /  >  
 test drag <   br     /  >  
 test drag <   br     /  >  
 test drag <   br     /  >  
 test drag < span class =code-keyword><   br     /  >  
 test drag <   br     /  >  
 test drag <   br     /  >  
 < span class =code-keyword><   / div  >  

解决方案

（' ＃dvDrag' ）。draggable（{
start： function （event，ui）{}，
stop： function （event，ui）{}

}）;
}

 <   input       type   =  button    onclick   =  test（）  /  >  
 <   div     id   =  dvDrag    style   =  width：100px; height：150px; overflow：scroll < span class =code-关键字>>  
 test drag <   br     /  >  
 test drag <   br     /  >  
 test drag <   br     /  > ;  
 test drag <   br     /  >  
 test drag <   br     /  >  
 test drag <   br     /  >  
 test drag <   br     /  >  
 test drag < span class =code-keyword><   br     /  >  
 test drag <   br     /  >  
 test drag <   br     /  >  
 < span class =code-keyword><   / div  >  

I have div with dragging and scrolling enabled. Before enabling the dragging the scrolling works properly as i make the div draggable the scrolling give some weird behavior.When i click on scroll bar it seems like scrolling event doesn't finish and the div keep dragging around.Problem only on IE browser.

function test() {
    $('#dvDrag').draggable({
        start: function (event, ui) { },
        stop: function (event, ui) { }

    });
}

<input  type="button" onclick="test()"/>
<div id="dvDrag" style="width:100px; height:150px; overflow:scroll">
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    </div>

解决方案

('#dvDrag').draggable({ start: function (event, ui) { }, stop: function (event, ui) { } }); }

<input  type="button" onclick="test()"/>
<div id="dvDrag" style="width:100px; height:150px; overflow:scroll">
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    </div>

这篇关于在启用滚动和拖动时，在IE上出现div问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！