2

私が作成しているWebサイトでは、スクロールバーがページの水平方向の配置を台無しにしているため、使用できます。

html,body{
overflow-y:hidden;
}

しかし、どうすればページをスクロールさせることができますか (スクロールバーを表示せずに)?

4

2 に答える 2

4

以下のスニペットよりも純粋な CSS ソリューションが必要な場合は、簡単にそれを達成するのに役立ちます

::-webkit-scrollbar { 
    display: none; 
}

デモ(Chrome または Safari のみ)

ただし、これは Webkit ブラウザー専用でJSあるため、クロスブラウザー ソリューションを使用する必要がある場合があります。

于 2013-09-02T09:18:50.553 に答える
0

スクロールバーを無効にすることは解決策では
ないupと思いdownます .私の意見ではエレガントなソリューションです。 (影響を受けるのは Webkit ベースのブラウザーのみであることは言うまでもありません)mouse selection

代わりに、スクロールバーがレイアウトを台無しにしないように、スタイルを修正することをお勧めします。
1 つのアプローチ(コードを知らず、推測のみ)box-sizingは、属性を使用することです。
お気に入り：

#id {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}

これにより、 #id に指定した幅は、マージン、パディング、または境界線が変更されたときに再計算されます。

しかし、繰り返しになりますが、スクロールバーの影響を受けるコードを表示したい場合は、適切な解決策を見つけることができます。

于 2013-09-02T09:37:44.893 に答える