0

コンテンツが多いためスクロールする div があります。スクロールバーが表示されないように非表示にするにはどうすればよいですか。編集：スクロールを機能させたいです！だから..スクロールバーなしでスクロール？

例えば

.scrolling_div {

     overflow:auto;
     /*something else to hide the scrollbar?*/

}
4

6 に答える 6

4

わかりました、最小限のコードを書くのに時間を費やしました。

デモを確認してください。div の上にマウスを移動し、スクロールしてスクローラーを表示します。

これは外部プラグインを使用してmousewheel イベントをリッスンすることに注意してください。

プラグインのデモページ

overflow:hiddenスクロールバーを非表示にする必要があります。

.scrolling_div {
     overflow: hidden;
}

オーバーフローは、以下の値のいずれかを取ることができます。

表示 デフォルト値。コンテンツはクリップされず、コンテンツ ボックスの外に表示される場合があります。

hidden コンテンツはクリップされ、スクロールバーは提供されません。

scroll コンテンツがクリップされ、デスクトップ ブラウザは、コンテンツがクリップされているかどうかに関係なく、スクロールバーを使用します。これにより、動的な環境でスクロールバーが表示されたり消えたりする問題が回避されます。プリンタはオーバーフローしたコンテンツを印刷する場合があります。

auto コンテンツがオーバーフローした場合にスクロールバーを提供します。

参照

于 2012-05-01T22:27:55.020 に答える
2

overflow: auto;「必要に応じてスクロールバーを表示する」という意味です。overflow: hidden;スクロールを無効にするには、 に変更します。

編集:さて、カスタム スクロール バーを作成します。次に、開始方法について、このサンプル jsFiddleを参照してください。これには、マウスのホイール操作とスクロールバーのドラッグが含まれます。

于 2012-05-01T22:28:04.740 に答える
1

これを試すことができます：

html {
        overflow: hidden;
    }

すべてのウィンドウからスクロールバーが削除されます。

それ以外の場合は、特定の div でのみ必要な場合:

.scrolling_div {

     overflow: hidden;

}
于 2012-05-01T22:33:42.667 に答える
0

それは本当にあなたが何のために行くかにかかっています。 ここを参照

overflow:hidden;あなたが望むものかもしれません。

css3 に浸りたい場合は、さらに多くのオプションを試すことができoverflow-xますoverflow-y。

于 2012-05-01T22:28:39.777 に答える
0

スクロールバーを非表示にする唯一の方法は、コンテンツをスクロール不可にし、高さを超えた場合に切り取ることです ( overflow: hidden)。正直なところ、なぜスクロールバーのないスクロール可能なページが必要なのでしょうか? それは、訪問者を混乱させるでしょう。CSSでこれを行う方法はありません。

スクロールバーのカスタマイズに関しては、それを行うための JavaScript があります。ただし、ユーザーが無効にしている場合でも、それがなくても適切にページをスクロールできることを確認してください。

于 2012-05-01T22:33:11.010 に答える
0

スクロールバーなしでスクロール可能にしたい要素をカバーするラッパーを使用し、ラッパーをスクロールする要素よりも水平方向に狭くします。これが私の言いたいことです: http://jsfiddle.net/FlagelloDiDio/EdgTt/

于 2012-05-01T22:49:18.410 に答える