2013-02-26 25 views
6

問題があります。クロムが垂直スクロールバーを自動的に非表示にしています

基本的に、私はそうのような主要なコンテナの幅の半分になります3つのdivを、一つのメインの容器、および2つのdiv、持っている:

<div id="main"> 
    <div id="col1"></div> 
    <div id="cold2"></div> 
</div> 

#col1 { 
    overflow-y: auto; 
    width: 48% 
} 
#main { 
    width: 100% 
} 
#col2 { 
    width: 48% 
} 

を問題は毎回私ということである、ということらしいです動的にCol1にコンテンツを追加し、私はスクロールバーを期待しているが、クロムはそれを作成するが、それを隠す。だから私は要素に移動し、それを見るためにホイールを介してスクロールを開始する必要があります。それを乗り越える方法はありますか?

+0

私のOSはMacです。それはMac OSのライオンのようにスクロールバーを自動的に隠しているようだ。手動で右クリックするには、システム環境設定 - >一般 - >スクロールバーの表示 - >常に設定に移動する必要があります。まだCSSやjavascriptでこれを乗り越える方法があるかどうか考えています。 – theintersect

+0

スクロールバーを非表示にしないようにスタイルを設定するために、 - webkit-scrollbarを見ることができます。ちょうどアイデア、それは動作しますが特定されていません。 –

+0

しかし、もしあなたがcol1の高さを制限しているものがなければ、それは大きくなるので、スクロールバーは必要ありません...オーバーフローをautoに設定すると、スクロールバーが存在しなければそこにないことを意味します – vals

答えて

13

これはChromeが従っているMacの設定です。 「システム環境設定>一般」に移動し、「スクロールバーを表示」の設定を「常に」に変更してください。

+0

クール、thx 。私の設定は「自動的に入力デバイスに基づいていました」 - マウスとトラックパッドが接続されているので、常にスクロールバーが表示されます... –

+1

OSの設定に関係なく、スクロールバーが表示されるようです。 –

+2

ウェブサイトを使用する前にOSの設定を変更するようにユーザーに指示することは解決策ではありません。 –

関連する問題