📅 最后修改于: 2023-12-03 15:14:18.002000 🧑 作者: Mango
当我们在移动设备上浏览网页时，经常会遇到一个问题：滚动条和页面滚动同时出现，导致页面难以访问。因此，禁用移动设备上的滚动条可能是个好主意。
这里提供两种CSS方法来禁用移动设备上的滚动条：
可以使用CSS overflow属性，把容器的值设置为hidden：
.container {
overflow: hidden;
}
这将禁用容器内的所有滚动。如果只要禁用垂直滚动，请使用overflow-y:hidden。
还可以使用JavaScript来禁用移动设备上的滚动条。您可以使用以下代码：
var _body = document.getElementsByTagName('body')[0];
_body.addEventListener('touchmove', function (event) {
event.preventDefault();
});
以上代码监听了移动设备上的滑动事件(touchmove)，并使用preventDefault()方法来防止页面滚动。
无论使用哪种方法，都应该谨慎使用，确保用户可以访问您的网页的所有内容。
以上就是禁用移动设备上滚动条的两种方法。