スクロールバー内部と上部にある

Question

スクロールバーをDIVの内側と上部の両方に配置することは可能でしょうか？私は、ページの右端の情報を含むDIVを持つクロム拡張を開発しています。 DIVがページの高さを超えると、DIVの内側と上に向かうこのDIVの横にスクロールバーが表示されます。さらに、私はそれがユーザーがそれの上にマウスを持っていないときに消えるようにスクロールバーを得ることが可能ですか？

私はCSSで-webkitを使用してスクロールバーの外観を変更しました。ここに私がやっていることの抜粋です：

#sidebar::-webkit-scrollbar { 
    width: 8px; 
    height: 8px; 
} 

#sidebar::-webkit-scrollbar-track-piece { 
    background-color: #f3f3f3; 
    -webkit-border-radius: 0px; 
} 

#sidebar::-webkit-scrollbar-thumb:vertical { 
    height: 50px; 
    background-color: #ccc; 
    -webkit-border-radius: 0px; 
} 

Answer 1

限り「内側」のスクロールバーを持つものとして、あなたが同じ高さの別のDIVで、目的の恒久的な幅でDIVをラップすることによって、このような錯覚を作ることができます。その後、内側のDIVを100％の幅に設定すると、スクロールバーが表示されると調整されます。スクロールバーがDOMの一部であるとは思わないので、Javascriptは外ですが、CSSでanimateプロパティを使用することができます。