我创建了一个在移动设备上兼容的网页。该页面包含一堆我想称之为“卡片”的项目。所以基本上我需要的是能够通过滚动(上下)翻转到卡片。到目前为止,我已经使用下面的脚本来进行滚动。
$('html, body').animate({
scrollTop: $("#"+id).children().children("#respondBtn").offset().top
}, 200, 'swing');
当我在 PC 上使用我的网络浏览器检查它时,滚动按预期工作。我有一些侦听器会检查下一个项目,并在找到时自动滚动。
现在的问题是,在移动设备上,使用滚动功能,有时我可能已经滚动过下一个元素,然后会发生什么情况是它会反弹回那个元素。我需要做的是停在下一张卡片上,不能滚动到下一个项目。
我已经接受了答案..但请我非常愿意接受建议!谢谢!:)