Perfekte Scrollbar einfache Lücke Anpassung

Question

Hi dies in Bezug auf jquery-Plugin perfekt-Bildlaufleiste.

Ich möchte eine Lücke zwischen zwei Bildlaufleisten.

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(); 

Sehen Sie die Demo hier

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

Jede Hilfe sehr geschätzt.

Answer 1

Aktualisieren Sie die Klassen für ps-scrollbar-x-rail und ps-scrollbar-y-rail jeweils einige margin-right und margin-bottom hinzuzufügen. Here's a fiddle

Erhöhen/verringern Sie die Werte nach Ihren Wünschen.