2012-05-01 6 views
0

私はdivの下部にスクロールバーを持っていますが、このCSSはSafariやChromeのようなWebkitブラウザではなくFirefoxでのみ動作します。Firefoxでのみスクロールバーを表示

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

私はあなたがoverflow-x-webkit-overflow-scrollingを使用する必要がありますが、それらはどちらか動作しませんでした言及するいくつかのページをGoogleで検索して見つけました。いくつかのJSを使用する必要がありますか?どんな推測?

+0

ライオンを使用していますか? Webkitブラウザは、osx 10.7で使用されていないときにスクロールバーを非表示にします。 –

答えて

0

overflow-x:scroll;を試しましたか?

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

0

オーバーフロー:自動; DIVをスクロールせず、オーバーフローを使う:scroll; 特定の軸上に表示する場合は、overflow-x:scrollを使用します。またはoverflow-y:スクロール。

1

xの上にスクロールするdivのexample fiddleがあります。 white-space: nowrapを含まない場合、テキストはdiv内を折り返し、垂直(y方向)スクロールバーのみが実際にスクロールします。

フィドルは2つのdiv要素を示します。 1つはnowrapと1つありません。また、divを見やすくするために罫線を置いています。

1
  • あなたは常に、次に表示されるようにスクロールバーが必要な場合は、その後、垂直スクロールバーが必要な場合は、overflow: scroll
  • を使用することができ、overflow-y: scroll
  • あなたが唯一の水平方向のスクロールが必要な場合は、overflow-x: scroll

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

@-moz-document url-prefix() { 

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

} 
関連する問題