javascript-并非所有项目都可以用Scriptaculous,Sortables,滚动和溢出进行排序

我想有一个带有溢出：scroll的可滚动容器,其中
包含一个可排序的列表,如下所示：

<div id="container" style="overflow: scroll; width: 200px; height: 100px;"> 
<ul id="fruit"> 
    <li>Apple</li> 
    <li>Banana</li> 
    <li>Peach</li> 
    <li>Strawberry</li> 
    <li>Cherry</li> 
    <li>Pear</li> 
    <li>Orange</li> 
    <li>Mango</li> 
</ul> 
</div> 

并做：

Sortable.create('fruit', { 
"scroll": "container" 
}) 

只要我从
列表,如果我将其放入可见部分.

如果我从可见部分中选择一个项目并尝试将其放入
不可见区域(滚动后)其他项只是不
为它“腾出空间”.

如果我向下滚动并从最初不可见的部分中选择一项
然后滚动到最初可见的部分
在最初可见的项目之间.

使用原型1.6.0.3和Scriptaculous 1.8.2.

相比之下…我说的是在this YUI example中工作.

解决方法:

在脚本documentation中,它说要包含Position.includeScrollOffsets = true;.高于您的Sortable.create定义.

您可以在此处查看工作中的example.

标签：scriptaculous,javascript,prototypejs,yui
来源： https://codeday.me/bug/20191107/2002642.html