CSS殘疾人滾動

我碰到一個問題，帶着我們的網站之一：CSS殘疾人滾動

在IE9的頁面有一個垂直滾動條，但你不能使用鼠標滾輪，方向鍵，上頁/ pgdwn滾動。滾動的唯一方法是實際點擊/按住並移動滾動條。

我刪除從CSS如下：

{ 
    overflow-x: hidden; 
}

然後滾動工作如常。有沒有其他人遇到過這個？這看起來很奇怪，因爲overflow-x應該隱藏水平滾動條？爲什麼會影響垂直？

我試過這個在測試頁上，它按預期行事。所以它必須是事物的組合。

來源

2011-09-07 Sheff

'「*我已經試過這樣的測試頁上，它如預期的行爲所以它必須是一個事物的組合。」' - 除非有人遇到過這個問題，否則我們*需要一個能夠重現問題的測試頁面。您可以發佈指向該網站的鏈接，也可以親自獲取該網頁的副本並將其匿名化，並將所有必需的CSS（以及與該問題相關的任何JavaScript *）包含在內，並將其發佈到[JS Bin]（http： //jsbin.com/）。 – thirtydot

道歉，我沒有權限發佈材料本身的鏈接（它們只是訂閱）。這主要是出於興趣，因爲我已經設法解決這個問題，它只是我不明白爲什麼修復工作。不幸的是，我不能簡單地上傳頁面，因爲它是電子學習系統的一部分。 – Sheff

overflow-x: hidden;
會隱藏x軸上的任何東西，超出元素，所以不需要水平滾動條，它會被刪除。

overflow-y: hidden;
會隱藏y軸上的任何東西，超出元素，所以不需要垂直滾動條，它會被刪除。

overflow: hidden;
將同時刪除滾動條

來源

2011-09-07 15:05:30 Martin

難道不是這樣嗎？ overflow-y控制垂直滾動條：http://jsfiddle.net/ddVTk/ – user2019515

嘗試使用下面的代碼片段。這應該可以解決你的問題。

body, html { 
    overflow-x: hidden; 
    overflow-y: auto; 
}

來源

2012-02-14 02:47:30

我使用iFrame從另一頁插入內容，上面提到的CSS不按預期工作。我必須使用參數滾動=「不」，即使我用HTML 5文檔類型

來源

2015-10-26 20:30:48 Roman

CSS殘疾人滾動

回答

相關問題