2

最大幅/高さを持つ div を作成するにはどうすればよいですか? (通常は、マウス ホイールを使用して、テキストを選択し、マウスを下または矢印で下に移動します)

非表示にしてみましたが、スクロールできません。他のオプションでは、最大高さを許可しないか、スクロールバーを配置します。

これがサンプルデモです。スクロールバーをなくしたいのですが、eofを見ることができます。

<div id=main>
    Text text text text text text text text...
    Text text text text text text text text...
    eof
</div>

#main {
    max-height: 400px;
    /*overflow: auto;*/
    overflow: hidden;
}
4

2 に答える 2

5

隠し領域にスクロールバーを押し込むのはどうですか？

html,
body {
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#container {
    position: absolute;
    left: 0;
    top: 0;
    right: -30px;
    bottom: 0;
    padding-right: 15px;
    overflow-y: scroll;
    max-height: 400px;
}

JSFiddle。

SO の例- スクロールバーを非表示にしますが、本来の感覚でスクロールできるようにします。

于 2013-03-09T18:49:18.030 に答える
2

Webキットエンジンがサポートされているブラウザ（Chromeなど）の場合、これを使用できます

#main ::-webkit-scrollbar 
{
    width: 0px;
}

ただし、他のブラウザの場合は、別のものが必要です。

于 2013-03-09T18:47:12.823 に答える