2012-03-02 8 views
6

このプロパティを要素:bodyhtmlに適用しましたが、Chromeではx軸をスクロールできます。 私はSafariとFirefoxでそれをテストし、x軸のスクロールは無効になっています...Overflow-x:Chromeで非表示になっています

誰かが私に欠けているものを知っていますか?

N.B. overflow: hiddenを使用していますが、y軸をスクロールできるようにしたいと思います。

ありがとうございます!

+0

Chromeで私にとってうまくいきます。 - > http://jsfiddle.net/H84pr/ – Nelson

+0

これは修正されたようですね! P – PapaSmurf

+1

[MDN](https://developer.mozilla.org/en-US/docs/CSS/overflow-x#Browser_compatibility)によれば、 'overflow-x'が動作しますChromeではバージョン1.0以降ですたぶん、これはいくつかのバージョンでしばらくの間壊れていたかもしれません(Chromeがあるバージョンで導入され、次のバージョンで修正された奇妙なバグを持つのはむしろ典型的です)。 –

答えて

2

これを指摘した@Nelsonのおかげで問題は解決されないようです。 あなたはコードがここで正しく動作見ることができます:http://jsfiddle.net/H84pr

+0

3/21/15 - 問題は少なくともiOS 7.xのChromeとSafariにはまだ存在します。私は 'html {overflow-x:hidden; } '。 –

+0

問題は解決しません。マウスの中ボタン(スクロールするもの)をクリックし、マウスを右に動かします。問題が表示されます。 –

+0

ありがとう!私たちは2016とChromeバージョン51を持っていますが、これはまだこれを修正する唯一の方法です... – typocoder

4

あなたは私が/知っていた/モバイルの体よりも広くなり、いくつかの画像を隠そうとしたとき、私はちょうどこの問題が発生した

html { overflow-x: hidden; }​ 
3

を使用することができます。

は、もともと私は単に持っていた:

body { overflow-x: hidden; }

をこれがChromeで動作しませんでしたが、あなたは、その後も追加した場合には、しかし、IE 10に

をした:

html { overflow-x: hidden; }

画像は両方のブラウザで正しく隠されていました。

関連する問題