パーフェクトスクロールバーシンプルなギャップのカスタマイズ

Question

こんにちは、これについてはjqueryのプラグインの完全なスクロールバーです。

2つのスクロールバーの間に隙間があります。

HTML：

<div class="container"> 
    <div class="content"></div> 
</div> 

CSS: 
.container { 
    width: 400px; 
    height: 300px; 
    margin: 50px auto 0 auto; 
    position: relative; 
    overflow: auto; 
} 

.content { 
    background: url('https://noraesae.github.io/perfect-scrollbar/azusa.jpg') top left no-repeat; 
    width: 1280px; 
    height: 720px; 
} 
JS: 


    $('.container').perfectScrollbar(); 

がここ

https://jsfiddle.net/DanielApt/gbfLazpx/

デモすべてのヘルプははるかに高く評価を参照してください。

Answer 1

ps-scrollbar-x-railとps-scrollbar-y-railのクラスを更新して、それぞれmargin-rightとmargin-bottomを追加します。 Here's a fiddle

あなたの好みに応じて値を増減します。