如何停用網站上的水平滾動？

客製化水平捲動功能

設計網頁時，控制使用者的捲動體驗至關重要。一個常見的問題是不必要的水平滾動，導致頁面上出現過多的空白空間。為了解決這個問題，讓我們探索一種完全禁用水平滾動的方法。

禁用水平滾動與隱藏滾動條

區分隱藏滾動條和禁用水平滾動條很重要滾動。雖然隱藏滾動條可能會阻止其在視覺上出現，但它實際上並不會限制用戶水平滾動的能力。即使沒有可見的捲軸，頁面也會簡單地響應用戶的捲動嘗試。

實作水平滾動停用

要真正停用水平捲動，請套用以下指令html 和body 元素的CSS：

<code class="css">html, body {
    max-width: 100%;
    overflow-x: hidden;
}</code>

這可確保：

• max-width: 100% 防止頁面超出視窗寬度。
• overflow-x:hidden 抑制水平滾動，將頁面限制為固定寬度。

以上是如何停用網站上的水平滾動？的詳細內容。更多資訊請關注PHP中文網其他相關文章！