防止 iOS 移动设备上的屏幕滚动和页面刷新

问题描述 投票:0回答:1

如何防止手指在iOS设备屏幕上移动时屏幕滚动或刷新?当您向下滑动时,它会导致页面刷新,当您在屏幕上移动手指时,它会让您看起来像是在拖动屏幕内容。 (在我的网站上,你不能向任何方向滚动)

我目前正在使用ontouchstart、ontouchmove 和ontouchend 事件来检测手指移动。我试过做类似的事情:

window.ontouchmove = function(e) {
  e.preventDefault();
}

感谢任何帮助!

javascript html web-testing
1个回答
0
投票

设置适当的“过度滚动行为”应该*停止大多数移动浏览器在“滚动”超出上限或下限时刷新页面的默认做法

<html style="overscroll-behavior: contain;">
...

<html style="overscroll-behavior-y: contain;">
...

如果你想专门将它限制在“y”轴上。

我说“应该”是因为,嘿,有时您只是不知道某些设备的行为方式,或者它们将如何遵守所有标准......

© www.soinside.com 2019 - 2024. All rights reserved.