如何禁用水平滾動？ （不去除水平滾動條）

Question

我正在製作一個網站，而我正在用一個非常寬的div（絕對位置）以特殊方式設計它，它獲得了每個菜單按鈕的所有內容。

一些div的div比其他的獲得更多的內容，所以有一個垂直滾動條 - （和我很好） - 我禁用了水平的滾動條，但是！隨着技術的發展，一些邪惡的公司已經發明瞭用於計算機鼠標的水平滾動功能，智能手機用戶可以在其上滑動。

這個鼠標功能並沒有真正破壞我的設計理念，但如果能夠使用任何按鈕/鼠標等水平滾動的功能可以被禁用，那將是令人難以置信的真棒。這可以用CSS/Javascript/HTML完成嗎？

謝謝。

Answer 1

這似乎是一個奇怪的網站，沒有看到它，人們可能會有困難與他們的建議。

它似乎修復它的正確方法是確保沒有任何東西離開屏幕的邊緣。如果您不想看到可見的東西，請隱藏它（例如，使用display: none） - 而不是試圖將其放在屏幕的邊緣。

其他任何東西，我想，都是一個討厭的黑客。你可能嘗試通過觀看「滾動」事件和每次重置滾動位置來有效地禁用滾動，但它會是錯誤的方式去解決它。

如果屏幕右側或底部有某種東西，瀏覽器會讓人們滾動到它。

但是，再次，沒有看到該網站，我感覺在這裏黑暗中。我不知道你在解決什麼問題。

Answer 2

我會說最好的答案是改變你的方法。
瀏覽器'可以'允許這種事情 - 而混亂會隨之而來 - 這是他們不這樣做的原因。

用不同的方法重新設計您的佈局。