29

当社の Web サイトの 1 つで問題が発生しました。

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

css から以下を削除しました。

{
    overflow-x: hidden;
}

その後、スクロールは通常どおり機能しました。他の誰かがこれに出くわしましたか? オーバーフローxが水平スクロールバーを非表示にするのは奇妙に思えますか? なぜそれが垂直に影響するのでしょうか?

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

4

3 に答える 3

46

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

body, html { 
    overflow-x: hidden; 
    overflow-y: auto;
}
于 2012-02-14T02:47:30.133 に答える
17

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

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

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

于 2011-09-07T15:05:30.347 に答える
4

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

于 2015-10-26T20:30:48.693 に答える