jquery - jScrollPane 具有平滑效果

Question

我使用 jScrollPane 插件和我的代码:

<script type="text/javascript" id="sourcecode">
  $(function()
  {
  $('#mycontent').jScrollPane();
});
</script>

这是工作。但我想为我的滚动条添加平滑效果。我该怎么做？ http://manos.malihu.gr/tuts/custom-scrollbar-plugin/fluid_scrollbar_example.html

Answer 1

将“top”CSS 属性的过渡添加到 .jspDrag

.jspDrag{
    transition: top 0.3s ease-out;
}

它仅适用于滚动条，对于内容，您可以使用 .jspPane 执行相同的操作，但使用 mouseWheel 会出现问题

所以我建议使用另一个支持平滑滚动的库:

• 漂亮的卷轴:http://areaaperta.com/nicescroll/demo.html
• 自定义内容滚动条:http://manos.malihu.gr/jquery-custom-content-scroller/