0

div の下部にスクロールバーを配置したいのですが、この CSS は Firefox でのみ機能し、Safari や Chrome などの Webkit ブラウザーでは機能しません。

div.hoge {
    width: 500px;
    overflow: auto;
}

overflow-x私はググって、あなたが使うべきかについて言及しているいくつかのページを見つけまし-webkit-overflow-scrollingたが、どちらも機能しませんでした. いくつかの JS を使用する必要がありますか? 推測はありますか？

4

4 に答える 4

1

これは、x上をスクロールするdivのフィドルの例です。を含めない場合white-space: nowrap、テキストはdiv内で折り返され、垂直（y方向）スクロールバーのみが実際にスクロールします。

フィドルは2つのdiv要素を示しています。1つはnowrapあり、もう1つはありません。また、見やすくするためにdivに境界線を付けました。

于 2012-05-02T04:21:52.740 に答える
1
  • スクロールバーを常に表示する必要がある場合は、次を使用できますoverflow: scroll
  • 垂直スクローラーが必要な場合は、overflow-y: scroll
  • 水平スクローラーのみが必要な場合は、overflow-x: scroll

質問のタイトルによると：このようなmozilla固有のスタイルを書くことができます

@-moz-document url-prefix() {

    div.hoge {
        width: 500px;
        overflow: auto;
    }

}
于 2012-05-02T04:27:08.760 に答える
0

試しましたoverflow-x:scroll;か？

また、div.hoge の高さがスクロール バーを下部に表示するのに十分であることを確認してください。

于 2012-05-01T21:18:55.960 に答える
0

オーバーフロー: 自動; スクロール DIV を作成せず、overflow: scroll; を使用します。特定の軸に配置したい場合は、overflow-x: scroll; を使用します。またはオーバーフロー-y: スクロールします。

于 2012-05-02T04:13:22.863 に答える