如何创建平滑的滚动效果?

时间:2014-07-16 01:27:40

标签: javascript jquery css html5

我在这个网站上看到了一个很好的滚动效果http://www.agileinfoways.com/,并且想知道如何实现。我以前从未见过它,我甚至不知道它叫什么。滚动几乎模仿iOS平台上的UIScrollView。关于如何创建这个的任何建议都会有所帮助。感谢

2 个答案:

答案 0 :(得分:1)

此网站使用NiceScroll插件进行JQuery

插件GitHub页面 - https://github.com/inuyaksa/jquery.nicescroll

来自网站的初始化代码,您提供的内容:

if (jQuery().niceScroll) {
    $("html").niceScroll({
        scrollspeed: 70, 
        mousescrollstep: 38, 
        cursorwidth: 15, 
        cursorborder: 0, 
        cursorcolor: '#464646', 
        cursorborderradius: 0, 
        autohidemode: false, 
        horizrailenabled: false
    });
}

答案 1 :(得分:1)

查看js包含,该网站正在使用jquery.nicescroll这里是开发者网站:http://areaaperta.com/nicescroll/