1

サイトで Google+ のスクロールバーを再現しようとしています。理由により、このスクロールバーの外観がごちゃごちゃしていることがあります。スクランブルとは、スクロールバーが多色で、黒い線があり、表示されてscrollbar-thumbいないことを意味します。ここに私が何を意味するかを示すスクリーンショットがあります:

ここに画像の説明を入力

残念ながら、スクロールバーは正常に見えるため、問題を再現できませんでした。

既存の CSS がどのようにこれを台無しにするかを考えるのに役立つ場合は、Twitter Bootstrapを使用しています。

4

1 に答える 1

0

これは、スクロール バーに使用されるコードです。以下のコードを参照してください。

::-webkit-scrollbar {
height: 16px;
overflow: visible;
width: 16px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.2);
background-clip: padding-box;
border: solid transparent;
border-width: 1px 1px 1px 6px;
min-height: 28px;
padding: 100px 0 0;
box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
::-webkit-scrollbar-button {
height: 0;
width: 0;
}

::-webkit-scrollbar-track {
background-clip: padding-box;
border: solid transparent;
border-width: 0 0 0 4px;
}
于 2013-10-16T23:09:35.440 に答える