已解決430363個問題，去搜搜看，總會有你想問的

h5手機端如何禁止頁面左右滾動

首頁猿問 h5手機端如何禁止頁面左右滾動

JavaScript

MMTTMM 2018-08-10 11:10:37

手機端網頁可以向右滾動，可不可以用js禁止頁面向右滑動，document.body.addEventListener('touchmove', function (event) {event.preventDefault();}, true);

查看完整描述

1 回答

茅侃侃

TA貢獻1842條經驗獲得超21個贊

你的方式可能不行。

如果html元素比設備寬度還要寬，就可以左右滾動。這需要做一些處理讓頁面適配移動端。

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

content內三條屬性的意思分別是，頁面寬度等于設備寬度，初始頁面寬度等于1倍設備寬度，并且不可改變。

有的時候如果頁面內部的某些元素超出了設備寬度之外，也會導致可以移動，這這屬于css布局的問題，和js無關。

反對回復 2018-09-17

關注

舉報

0/150

提交

取消