并非所有项目都可以使用 Scriptaculous、Sortables、滚动和溢出进行排序
我想要一个带有 Overflow: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。
为了对比......我所说的是在 中工作这个 YUI 示例。
I'd like to have a scrollable container with overflow:scroll in which
a sortable list is contained, like so:
<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>
and doing:
Sortable.create('fruit', {
"scroll": "container"
})
This works as long as I choose an item from the visible part of the
list and if I drop it into the visible part.
If I choose an item from the visible part and try to drop it within
the invisible region (after scrolling) the other items just don't
"make room" for it.
If I scroll down and choose an item from the initially invisible part
and scroll with it to the initially visible part, it is droppable
between the initially visible items.
Using Prototype 1.6.0.3 and Scriptaculous 1.8.2.
For contrast...what I'm talking about is working in this YUI example.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在 scriptaculous 文档 中，它说要包含
Position.includeScrollOffsets = true;位于Sortable.create定义之上。您可以在此处查看有效的示例。
In the scriptaculous documentation, it says to include
Position.includeScrollOffsets = true;above yourSortable.createdefinition.You can view a working example here.