javascript - nanoScroller.js 具有平滑滚动功能

Question

我正在使用nanoScoller.js用于在网站上创建自定义滚动条的插件。这工作得很好，但如果它可以执行某种缓动/平滑滚动，那就太好了。该插件似乎没有此选项，我想知道是否有其他方法可以实现此目的？

$('.nano').nanoScroller({
    alwaysVisible: true
});

Answer 1

如果您想使用 nanoScrollbar 并且仍然想要为滚动设置动画，您可以为内容的默认(浏览器)滚动条设置动画，并且 nanoScrollbar 将在监听内容的滚动事件时为模拟 slider 设置动画。

下面是动画滚动到底部的代码

var el = $('.nano-content');
el.animate({ 'scrollTop': el[0].scrollHeight }, 'slow');

希望这对正在寻找替代解决方案的人们有所帮助。