在带有jQuery的div块之间/之内的移动设备上拖放/滚动,还可以阻止整个页面滚动

时间:2012-09-24 11:19:50

标签: html jquery-mobile scroll drag

情况:

  1. 配备jquery,jquery mobile,jquery-ui.touch和jquery.ui.touch-punch的手机,后者可以为触摸屏提供拖拽等功能。

  2. 两个div块,可以将项目符号从一个可排序的div块拖动到其他可排序的div块中。

  3. 在屏幕上,这两个块在视觉上彼此相邻,以使工作尽管不是最理想的,因为当拖入另一个div块时子弹消失。然而它可以以某种方式丢弃,因为之后子弹确实出现在目标div块中并在原始div块中消失。

  4. 借助css选项overflow:auto,可以在两个块中显示滚动以滚动子弹列表。

  5. 问题:

    1. 这些滚动有时会起作用,有时不会因为在后一种情况下整个页面开始滚动或(在点击本地div滚动条之后)它开始放大到这样的级别/深度,整个页面变得无用。
    2. 在Firefox Mobile div中,滚动条不可见,但有时可以滚动;在Opera Mobile div滚动条中可见但随机“深度”放大后单击div滚动条。
    3. 尝试在互联网上提供的不同解决方案来阻止页面滚动或放大,但无济于事。一些“解决方案”使页面滚动被锁定,但随后所有滚动都被锁定和/或拖动也被锁定。
    4. 问题:

      任何人对上述情况有任何经验或可能给出一些暗示吗?我知道这是最前沿的,因为即使JQ / JQM(或任何其他框架?)目前尚未达到这一点,尽管他们正在研究它。 jquery.ui.touch-punch是一个插件,虽然是实验性的,但它是迄今为止我知道的唯一可以用于移动/触摸屏的拖放等方式。

      非常感谢你!

0 个答案:

没有答案