Question

我假设这是一个相对微不足道的问题。

我有两个连接的可排序列表，每个列表都在一个单独的固定DIV中。

我将DIV设置为溢出：scroll-y。

当我将LI对象添加到列表中时，而不是出现滚动条的预期行为（由我预期），并且列表的底部被整齐地隐藏，列表溢出DIV。

如何防止这种情况发生？

jQuery(document).ready(function(){
        $("#list1, #list2").sortable({
            connectWith: '.connectedSortable'
        }).disableSelection();

    });


<div style="padding:10px;background-color:rgb(0,0,0); width:300px; height:100px; overflow:scroll-y;">
<ul id="list1" class="connectedSortable" style="width:100px; height:10px;background-color:rgb(100,100,100);">

</ul>
</div>
<div style="padding:10px;background-color:rgb(0,0,0); width:300px;margin-top:100px;">
<ul id="list2" class="connectedSortable" style="width:300px;">
    <li>BOX1</li>
    <li>BOX2</li>
    <li>BOX3</li>
    <li>BOX4</li>
    <li>BOX5</li>
</ul>
</div>

Answer 1

在样式中尝试overflow-y:scroll而不是overflow:scroll-y

Answer 2

应该是overflow-y:scroll;而不是overflow:scroll-y;

这是一个CSS3属性，但它有广泛的支持。

jQuery Sortable链接列表在扩展时溢出容器外部？

2 个答案: