禁用ios上的弹性滚动(橡皮筋效应)
禁用ios上的弹性滚动(橡皮筋效应)
提问于 2016-01-09 16:52:37
我正在努力使我的网站更加灵活和普遍适用于所有设备。然而，我在尝试将其修改为IOS时遇到了一个问题，这就是弹性滚动或橡皮筋效应(当你滚动到网站的末尾，你仍然能够滚动它，这样你就可以看到它下面隐藏的内容)。我已经在许多来源中查找过解决方案，但没有一个能帮助我有效地解决问题(overflow: hidden;在体内禁用了网页的所有滚动功能)。我想使用html/css或纯JavaScript (没有Jquery或其他库)来解决这个问题。这是我的网页
提前谢谢你的帮助。
Stack Overflow用户
回答已采纳
发布于 2016-10-12 08:50:59
以上解决方案中，有一个固定的容器是一个很好的解决方案。但是，如果您无法访问HTML层次结构的顶部，有时这可能很难应用。
因此，如果用户试图用JS滚动网站的顶部，您可以禁用移动操作，比如；
var startY = 0;
document.addEventListener('touchstart', function(e) {
startY = e.touches[0].screenY;
});
document.addEventListener('touchmove', function(e) {
var amountMovedY = e.touches[0].screenY - startY;
if (amountMovedY > 0) {
e.preventDefault();
}
// Disable move action when movement amount is negative (user tries to positive to top!)
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34696216
复制相关文章
相似问题
腾讯云开发者
