javascript - 完美的Scrollbar简单间隙定制

Question

您好，这是关于 jquery 插件 perfect-scrollbar 的。

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

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

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