在移動端網(wǎng)頁開發(fā)中，有時候我們需要禁止頁面橫向滾動，那么該怎么設置呢？下面我們來了解一下。

要實現(xiàn)禁止頁面橫向滾動，我們需要在html文檔中添加一段CSS代碼。具體代碼如下：

html {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}

這段代碼的作用是防止html元素橫向溢出，而且還添加了iOS平臺的滾動優(yōu)化屬性，提高用戶滾動體驗。

當然，以上只是禁止了html元素橫向溢出，如果你希望某個具體元素禁止橫向滾動，可以在該元素的樣式中添加如下代碼：

element {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}

其中，element指要設置禁止橫向滾動的具體元素。同樣，這里也添加了iOS平臺的滾動優(yōu)化屬性，提高用戶體驗。

總之，以上方式都可以實現(xiàn)禁止頁面橫向滾動的效果，開發(fā)者可以根據(jù)實際情況進行選擇。