6

コンテンツのある div の上に配置する透明なスクロールバーを作成したいと考えています。css および webkit ブラウザーのみ。exampleのように見える必要があります。私のコード。問題は、スクロールバーがコンテンツを左に移動することです。例のようにするにはどうすればよいですか？返信ありがとうございます。

div{
  width:410px;
  height:100px;
  overflow-y:scroll;
  border:1px solid green;
  position:relative;
}

::-webkit-scrollbar{
  width:20px;
  position:absolute;
  right:20px;
  z-index:100;
} 

::-webkit-scrollbar-thumb{
  background-color:rgba(0,0,0,1);
  border-right:10px solid white;
}  
4

1 に答える 1

0

これは例と非常によく似ています。

::-webkit-scrollbar{
    width:7px;
} 

::-webkit-scrollbar-thumb{
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    border: 1px solid #fff;
}

それ以外の場合は、iscroll プラグインを使用する必要があります

于 2015-10-05T16:06:04.873 に答える