web-dev-qa-db-ja.com

CSS無効スクロール

私たちのWebサイトの1つで問題に遭遇しました。

IE9では、ページに垂直スクロールバーがありましたが、マウスホイール、矢印キー、pgup/pgdwnを使用してスクロールできませんでした。スクロールする唯一の方法は、実際にスクロールバーをクリック/ホールドして移動することでした。

Cssから次のものを削除しました。

{
    overflow-x: hidden;
}

その後、スクロールは通常どおり機能しました。他の誰かがこれに遭遇しましたか？ overflow-xは水平スクロールバーを非表示にする必要があるため、奇妙に思えますか？なぜ垂直に影響するのでしょうか？

テストページでこれを試してみましたが、期待どおりに動作します。したがって、それは物事の組み合わせでなければなりません。

csscss3vertical-scrolling
28
Sheff

次のコードスニペットを使用してみてください。これで問題が解決するはずです。

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

overflow-x: hidden;
x軸上の要素の外側にあるものはすべて非表示になるため、水平スクロールバーは不要で、削除されます。

overflow-y: hidden;
y軸上の要素の外側にあるものはすべて非表示になるため、垂直スクロールバーは不要で、削除されます。

overflow: hidden;
両方のスクロールバーを削除します

16
Martin

IFrameを使用して別のページからコンテンツを挿入すると、上記のCSSが期待どおりに機能しません。 HTML 5 Doctypeを使用している場合でも、パラメーターscrolling = "no"を使用する必要があります

2
Roman