Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何创建平滑的滚动效果?_Javascript_Jquery_Css_Html - Fatal编程技术网

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

Javascript 如何创建平滑的滚动效果?,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我在这个网站上看到了一个很好的滚动效果,我想知道如何实现。我以前从未见过它,甚至不知道它叫什么。滚动几乎是模仿iOS平台上的UIScrollView。任何关于如何创建此功能的建议都会很有帮助。感谢您使用用于JQuery的NiceScroll插件访问本网站 插件GitHub页面- 来自站点的初始化代码,您提供的内容: if (jQuery().niceScroll) { $("html").niceScroll({ scrollspeed: 70, mou

我在这个网站上看到了一个很好的滚动效果,我想知道如何实现。我以前从未见过它,甚至不知道它叫什么。滚动几乎是模仿iOS平台上的
UIScrollView
。任何关于如何创建此功能的建议都会很有帮助。感谢您使用用于JQuery的NiceScroll插件访问本网站

插件GitHub页面-

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

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

查看js includes,该网站正在使用jquery.niceSroll这是开发者网站:

尝试一件事:使用firefox激活firebug访问该网站,并检查您感兴趣的元素。尝试一件事:使用chrome激活开发者访问该网站并检查使用的脚本。请不要!基于Javascript的“平滑滚动”一点也不平滑,任何启用了平滑滚动的用户(如移动用户、Firefox用户等)都会遇到这种情况,因为滚动速度明显不同。但也许它可以被改编,我建议你和@Nikita的人谈谈哦,如果你有实际的数据。。。但我知道有些人,当有一个网站“重新发明轮子”时,他们会发疯(不仅仅是沮丧)。这些人肯定不会喜欢他们习惯的改变。即使听起来不错,也可以认为用户已经习惯了自己的方法或者没有平滑的滚动,尝试只在对应用程序的功能非常关键时强制这些选项。重要的是要找到一个平衡点,保持一种极简主义的设计方法。谢谢你,这正是我想要的。