如何鎖定滾動條以僅在HTML中的一個方向上移動

Question

假設我們有一個窗口，通常我們可以上下滾動，左右和對角。換句話說，我可以向下滾動並同時離開。我想要做的是一次只滾動一條路。無論是上下或左右。我不想通過對角線滾動。

這是可能的HTML？

Answer 1

如果你想禁用鼠標中鍵滾動，你可以把這個在你的HTML文檔的head部分（注意，這實際上是關閉的中間按鈕）：

$(document).ready(function(){ 
    document.onmousedown = window.onmousedown = function (e) { 
     if(e.which == 2) 
     { 
      e = e || window.event; 
      if (e.preventDefault) 
       e.preventDefault(); 
      e.returnValue = false; 
     } 
    }; 
}); 

Answer 2

我個人不知道純HTML方法，但您可以查看Sly Plugin單向滾動。應該做的伎倆。

Answer 3

通常情況下，除非網站的寬度超過屏幕尺寸，否則無論如何您都不應該能夠沿x方向滾動。 唯一的辦法是防止CSS溢出overflow-x: hidden。

但是，如果用戶將有一個顯示器，其中內容可能不適合了（智能手機顯示例）或使用瀏覽器縮放，則可能是隱藏的內容有問題......