Question

在这个小提琴中，当用户拖动div时，自动滚动在Chrome中工作但不在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
    });
});

Answer 1

我相信这是jquery-ui中的known bug。正如bug提示所示，尝试在父div上放置“position：relative”，看看是否在IE中修复了它。

在IE中自动滚动以进行排序

1 个答案: