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/