如何在手机上禁止浏览器的网页滚动

编程入门行业动态更新时间:2024-10-25 06:25:32

cordova项目在iOS平台上面测试的时候，会出现页面的滚动，露出iphone手机灰色的背景？

解决方法：

head标签添加视口：

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

当页面高度超过设备可见高度时，阻止掉touchmove事件。

document.body.addEventListener('touchmove', function (event) {
    event.preventDefault();
}, false);

更多推荐

如何在手机上禁止浏览器的网页滚动

本文发布于:2023-06-13 06:53:00，感谢您对本站的认可！

机上在手浏览器网页

评论列表（有 0 条评论）