2012-06-14 57 views
0

在这个小提琴用户拖动一个div自动滚动工作在铬但不是在IE浏览器?在IE浏览器中自动滚动排序

http://jsfiddle.net/adrianjsfiddlenetuser/FafWW/

<div style="display:inline-block"> 
<div id="List1"> 
     <div>Item1</div> 
     <div>Item2</div> 
     <div>Item3</div> 
     <div>Item4</div> 
     <div>Item5</div> 
     <div>Item6</div> 
     <div>Item7</div> 
     <div>Item8</div> 
     <div>Item9</div> 
    </div> 

    <div id="List2"> 
     <div>Item1</div> 
     <div>Item2</div> 
     <div>Item3</div> 
     <div>Item4</div> 
     <div>Item5</div> 
     <div>Item6</div> 
     <div>Item7</div> 
     <div>Item8</div> 
     <div>Item9</div> 
    </div> 
</div> 
​ 
#List1, #List2 
{ 
    height: 300px; 
    width: 200px; 
    overflow: auto; 
    border: solid 2px black; 
    margin-bottom: 20px; 
    float:left; 
    margin:10px; 
} 

#List1 > DIV, #List2 > DIV 
{ 
    height: 50px; 
    border: solid 1px red; 
}​ 

$(function() { 
    var sortlists = $("#List1, #List2").sortable({ 
     tolerance: 'pointer', 
     connectWith: '#List1, #List2', 
     helper: 'original', 
     scroll: true 
    }); 
});​ 

回答

0

我相信这是jQuery的UI中的known bug。正如错误笔记所示,尝试在父div上放置“position:relative”,并查看是否在IE中修复了它。