jquery - 自动滚动功能 - 翻转卡片

Question

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

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

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

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

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

score 1 · Accepted Answer

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

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

1 回答 1