完美的Scrollbar简单的间隙定制

时间:2017-03-23 17:55:18

标签: javascript jquery css perfect-scrollbar

嗨,关于jquery插件完美滚动条。

我想要两个滚动条之间的间隙。

enter image description here

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/

任何帮助都非常感激。

1 个答案:

答案 0 :(得分:1)

更新ps-scrollbar-x-railps-scrollbar-y-rail的课程,分别添加一些margin-rightmargin-bottomHere's a fiddle

根据您的喜好增加/减少值。