2012-01-20 19 views
14

Safari Lionに垂直スクロールバーを強制的に表示する方法はありますか? ページの右端をクリックした場合のみ表示されます。私はoverflow-y:autoを持つ要素を持っていますが、Safariでは要素の端をクリックするまで表示されません。Safariの強制スクロールバー

+0

それは 'overflow-y:scroll'です。 – Joseph

+0

私はSafariを他のブラウザには言及していません。私はこれを試しましたが、ライオンのSafariは要素の右側をクリックするまでスクロールバーを隠します。 – Chapsterj

答えて

0

hflow要素にoverflow-yを適用します。 html { overflow-y:scroll; }

+1

私はそれを試みましたが、Safariではうまくいきませんでした。これは他のすべてのブラジャーでも機能しますが、ライオンのSafariは要素の右端をクリックするまでスクロールバーを非表示にします。 – Chapsterj

38

[OK]をこのサイトhttp://css-tricks.com/custom-scrollbars-in-webkit/ でこのオンラインを見つけたこれは明らかにあなたが何をしたい合ったプロパティを変更する必要がありますサファリライオンに

::-webkit-scrollbar { 
    -webkit-appearance: none; 
    width: 8px; 
} 

    ::-webkit-scrollbar-track { 
    background-color: rgba(57,57,57, .6); 
    border-radius: 8px; 
} 
::-webkit-scrollbar-thumb { 
    border-radius: 8px; 
    background-color: rgba(156, 156, 156, .6); 
} 

を表示いたします。 もう一度これはoverflow-yというSafari用です。スクロールしても表示されません。

+1

このオプションが必要な場合は、jsスニファのデモがあります:http://jsfiddle.net/NzUTt/3/ – albert

+0

これは役に立ちます – Chapsterj

+9

これは素晴らしいです。あなたは自分の答えを受け入れるべきです。他の読者は、:: :: webkit ...の前に標準のCSSセレクタを挿入することで、これらのプロパティを個々の要素に割り当てることができます。 – XML