2012-12-07 76 views
1

我正在考虑向我的Webforms应用程序添加拖放功能。在jQuery拖动期间自动滚动

一个需要考虑的事情是,拖放源和拖放目标可能彼此远离以便需要滚动。所以我认为当用户开始拖动时,一个很酷的用户界面将会出现在浏览器窗口的顶部和底部。

该覆盖图将是带箭头的阴影区域(顶部覆盖层应具有向上箭头,底部覆盖层应具有向下箭头)。当用户拖动叠加层时,窗口将沿该方向滚动。

问题:

  1. 没有人有这样的事的经验吗?你知道它是否可以跨浏览器可靠地完成吗?
  2. 任何人都可以推荐一个可以完成繁重工作的jQuery插件吗?
  3. 其他想法或建议?
+0

这似乎是一种你想要的,你应该看看这部分的jqueryui部分 http://jqueryui.com/draggable/#scroll – C5H8NNaO4

+0

男人,这似乎越野车至死,至少在铬。一旦开始滚动,我不能再看到我正在拖动的项目。而且,当我停止移动鼠标时,这似乎是停止滚动的可怕选择。 –

+0

在我的(jQuery Ui)应用程序中,当拖动到div的边界之外时,滚动会自动发生......在这里不吹牛,我没有做任何事情(没有覆盖或任何东西)。只要调整一个孩子elelment会影响相同.. – T4NK3R

回答

0

我也得到了一些与该功能有关的问题。我通过使用margin: 0padding: 0对可拖动元素进行造型来解决此问题,并使其与widthheight属性保持一致。

更多我使用marginpadding属性可拖动,可排序和可放置元素更多我有问题。

希望它能帮助你!