1

我创建了一个在移动设备上兼容的网页。该页面包含一堆我想称之为“卡片”的项目。所以基本上我需要的是能够通过滚动(上下)翻转到卡片。到目前为止,我已经使用下面的脚本来进行滚动。

$('html, body').animate({
    scrollTop: $("#"+id).children().children("#respondBtn").offset().top
}, 200, 'swing');

当我在 PC 上使用我的网络浏览器检查它时,滚动按预期工作。我有一些侦听器会检查下一个项目,并在找到时自动滚动。

现在的问题是,在移动设备上,使用滚动功能,有时我可能已经滚动过下一个元素,然后会发生什么情况是它会反弹回那个元素。我需要做的是停在下一张卡片上,不能滚动到下一个项目。

我已经接受了答案..但请我非常愿意接受建议!谢谢!:)

4

1 回答 1

1

您似乎正在寻找类似jQuery 的pagePiling.js插件。

它将为您创建这些“卡片”,并在向上或向下滚动时显示或隐藏它们。

  • 兼容触控设备
  • 兼容旧浏览器(IE > 7)
  • 可配置 - 许多方法和选项
于 2014-12-08T15:22:42.233 回答