溢出-X，以避免任何水平滾動瀏覽器

解決掉 所以我有這個問題，我不能生活出：要在整個頁面上顯示的無論什麼溢出-X，以避免任何水平滾動瀏覽器

我做了一個下拉列表大小，這似乎工作：

的問題是，如果你強迫你的鼠標向右滾動它不需要滾動，顯然這是一切罪惡的根源：

.dd { 
    margin: 0 -1000em; 
    padding: 0 1000em; 
    position: absolute; 
    top: 100%; 
    visibility: hidden; 
}

我嘗試這樣做：

body {overflow-x: hidden;}

（注意我試着HTML的溢出-X太） .....當然它消除了滾動條（水平）但那不是問題。 ...如果你試圖強制它，FF會自動偵聽並且根本不會滾動，但其餘的...... Chrome/IE/Safari會滾動....是否有解決方案來完成這項工作？

此人也有類似的東西，但在這裏沒有答案： overflow-x:hidden still can scroll

最後我嘗試這樣做：

$(element).scroll(function() { 
    this.scrollLeft = 0; 
});

但沒有做任何事情。

SOLUTION 我只是需要加入這個在HTML： html {overflow: hidden; overflow-y: auto;} ...感謝所有

@Blazemonger - 你在哪裏得到這個想法？ Firefox已經理解了'overflow-x' /'overflow-y'好幾年了...... – 2013-02-28 16:04:47

@BenD的確，你是對的。顯然，我正在考慮「背景位置」。 – Blazemonger 2013-02-28 16:06:12

我在Firefox，Chrome和IE上查看您的jsfiddle，並且在任何地方都看不到任何滾動條。我只是誤解？你能提供一個截圖嗎？ – 2013-02-28 16:12:24

解決方案我只需要在html上添加這個：html {overflow：hidden;溢出 - Y：汽車;} ...謝謝所有

2013-03-05 15:50:36 Riskbreaker

更改這些設置......這些擴展的方式來你的部分/ div的和身體的右側。

margin：0 -1000em; 填充：0 1000em;

我分別改爲-100px和100px，它仍然向右滾動，但停了下來。

2013-02-28 16:25:42

我知道這個特定的設置100px太小，但它說明了什麼是造成這個問題。 – 2013-02-28 16:36:41

謝謝，但正如我在我的文章中提到的....這是什麼原因導致我需要一種方法使它使用這個...有沒有另一種方法讓你的下拉菜單100％的整頁？ – Riskbreaker 2013-02-28 16:46:03

我已經經歷了所有其他的解決方案，但不幸的是他們都沒有爲我工作。

我有一個簡單的解決方案，這是一個css規則

.nicescroll-rails-hr{display:none!important}

希望它會幫助你。

2015-02-08 19:35:24 user3539757

回答