我最近遇到了这个网站http://www.ascensionlatorre.com/home,我喜欢鼠标滚轮滚动的方式 - 缓和非常顺畅.
我一直在搜索谷歌,但我找不到类似的东西.
有没有人对如何使用jQuery复制这种效果有任何建议?
我有一个页面,我正在应用视差效果.这是使用translate3d完成的.现在,虽然这很好用,但我想知道如何在使用鼠标滚轮滚动时覆盖默认的"步骤"?
如果我滚动滚动条,一切都很好.但是使用鼠标滚轮,它都是跳跃的.
我是以一种非常直接的方式做到这一点的:
var prefix = Modernizr.prefixed('transform');
$window.on('scroll', function(){
var scroll_top = $window.scrollTop();
if(scroll_top < forside_infographics_offset){
$_('#slider').css(prefix , "translate3d(0,"+(scroll_top/3)+"px,0)");
}
});
Run Code Online (Sandbox Code Playgroud)
现在,我已经看到这个滚动超级平滑的网站,还有一个带有台阶的鼠标滚轮.我试着看看代码,他正在使用requestAnimationFrame的似乎是,但他如何实现这种精确的滚动效果,我不确定.
有任何想法吗?