Jquery 可选择滚动答案

【问题标题】：Jquery selectable scrollableJquery 可选择滚动
【发布时间】：2012-04-21 01:30:31
【问题描述】：

我在选择滚动时遇到了一个大问题。工单很久以前提交给Jquery UI了，我觉得还没解决。

我在一个可滚动的可选 div 上有许多可选项目。如果我开始选择，然后向上滚动 20 个像素，则选择框的实际选择区域在可视选择框顶部下方 20 个像素处。基本上，可视选择框随着滚动而移动，但选择区域保持在原来的位置，这会产生差异。

问题示例（jfiddle）： - http://jsfiddle.net/bY3pE/5/

几周前，我遇到了同样的问题，我在这里找到了一篇关于 stackoverflow 的帖子，解决了这个问题。一位回答者提出了一个他编写的插件，该插件允许通过单击第一个来选择“可选择项”列表，然后单击最后一个进行选择。也可以控制点击来选择不连续的项目。

自从我的笔记本电脑死机后，我丢失了我正在使用的插件，我花了 2 个多小时在网上搜索它，但没有成功。

有人可以推荐一个我可以用来创建类似功能的插件吗？

【问题讨论】：

【解决方案1】：

我找到了我正在谈论的帖子！

对于需要按住 shift-click 功能和滚动选择的人来说，这可能是一个有效的替代方案。看看下面的帖子。

【讨论】：

【解决方案2】：

另外，@battlehorse 有一个不错的 replacement for jQuery UI Selectable，它支持在选择时滚动。为我节省了几天的工作时间（如果不是几周的话）

【讨论】：

【解决方案3】：

这就是你要找的东西：http://plugins.jquery.com/ui-selectableScroll/

正如描述所说，它是“一个扩展的 jQuery-ui 可选择滚动功能”。这意味着，使用这个可选项而不是原来的选项会将您的容器滚动到两个方向。

我也需要它，所以我编写了代码，你可以拥有它。

【讨论】：