溢出-x：隱藏在Chrome中不工作

我已將此屬性應用於元素：body和html，Chrome仍然允許我在x軸上滾動。我已經在Safari和Firefox中測試了它，並禁用了x軸滾動...溢出-x：隱藏在Chrome中不工作

任何人都知道我錯過了什麼？

N.B.使用overflow: hidden作品，但我希望人們能夠在y軸上滾動。

謝謝！

2012-03-02 PapaSmurf

它在Chrome中對我來說工作正常，請參閱 - > http://jsfiddle.net/H84pr/ – Nelson 2012-11-07 14:37:16

似乎它已被修復！當我發佈時，它肯定不起作用：P – PapaSmurf 2012-11-07 14:44:50

根據[MDN]（https://developer.mozilla.org/en-US/docs/CSS/overflow-x#Browser_compatibility），「overflow-x」工程在Chrome 1.0版本中。也許這在某些版本中已經被打破了一段時間（對於Chrome來說，在一個版本中引入一些奇怪的錯誤而在下一個版本中修復這個問題相當典型）。 – 2012-11-09 10:46:33

由於@Nelson指出了這個問題，因此問題不復存在。你可以看到代碼正確地在這裏工作：http://jsfiddle.net/H84pr

來源

2012-11-09 10:36:33 PapaSmurf

3/21/15 - 問題仍然存在，至少在iOS 7.x的Chrome和Safari中。我通過使用'html {overflow-x：hidden; }'。 – 2015-03-22 03:36:47

問題依然存在。點擊鼠標中鍵（滾動的東西）並將鼠標移動到右側。你會看到這個問題。 – 2015-10-08 16:18:37

謝謝！我們有2016和Chrome版本51，這仍然是解決此問題的唯一方法... – typocoder 2016-07-13 14:55:33

您可以使用

html { overflow-x: hidden; }

來源

2012-11-14 10:42:44 Carlos

試圖隱藏I /知道一些圖像/將是對流動性比身體寬時，我正好遇到這個問題。

本來我只是有：

body { overflow-x: hidden; }

這並沒有在Chrome中工作，但它在IE做10

但是，如果你再還補充：

html { overflow-x: hidden; }

圖片被正確隱藏在兩個瀏覽器中。

來源

2013-08-23 21:00:49 TRAL

溢出-x：隱藏在Chrome中不工作

回答

相關問題