Question

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

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

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

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

我接受了答案..但是我非常愿意接受建议！谢谢！：）

Answer 1

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

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