スクロールなしのメインスクロールバーの表示 - スクロールなし

Question

ユーザーがスクロールする前でも常に垂直スクロールバーのハンドルを表示するテキストセクションがあります。私は答えを読むのです

html { 
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll; 
} 

しかし、それは最初にスクロールバーを表示していないようです。ユーザーが一度スクロールを開始すると、それが表示されます。スクロールを開始したかどうかにかかわらず、いつでもそれを表示する方法はありますか？これは可能ですか？

ありがとうございます！それは、スクロール前に表示されないの例えば

JSフィドル：

https://jsfiddle.net/5k59dxjy/

Answer 1

Windowsマシンで期待どおりに動作は動作しますが、MacOSのとiOSは、スクロールバーの自分の取り扱いを持って表示されます。この問題はthis questionに記載されています。答えの中にリストされているオプションの

いくつかはそうのように手動でスクロールバーのスタイルを設定するために、次のとおりです。

.frame::-webkit-scrollbar { 
    -webkit-appearance: none; 
} 

.frame::-webkit-scrollbar:vertical { 
    width: 11px; 
} 

.frame::-webkit-scrollbar:horizontal { 
    height: 11px; 
} 

.frame::-webkit-scrollbar-thumb { 
    border-radius: 8px; 
    border: 2px solid white; /* should match background, can't be transparent */ 
    background-color: rgba(0, 0, 0, .5); 
} 

.frame::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
} 

あなたは手動でも、ページの読み込み、単に1つのピクセルのスクロールバーをスクロールするためにJavaScriptを使用することができます。このように：

$('#scrollable-section').scrollTop(1).scrollTop(0);