相关疑难解决方法(0)

使用鼠标滚轮平滑滚动缓动效果

我最近遇到了这个网站http://www.ascensionlatorre.com/home,我喜欢鼠标滚轮滚动的方式 - 缓和非常顺畅.

我一直在搜索谷歌,但我找不到类似的东西.

有没有人对如何使用jQuery复制这种效果有任何建议?

jquery scroll mousewheel easing parallax

39
推荐指数
4
解决办法
8万
查看次数

Javascript - 使用鼠标滚轮平滑视差滚动

我有一个页面,我正在应用视差效果.这是使用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的似乎是,但他如何实现这种精确的滚动效果,我不确定.

http://cirkateater.no/

有任何想法吗?

javascript css scroll smooth-scrolling parallax

17
推荐指数
1
解决办法
4万
查看次数

Chrome和IE:使用鼠标滚轮滚动时,视差(jQuery动画)不流畅

我为jQuery 改编了这个插件,它为我的网站使用了视差效果.问题是(即使在上面的链接中的演示中)Chrome和IE有一个非常平滑的滚动...它只有在你按下鼠标中间按钮并且滚动是连续的时才能很好地工作(不是"一步一步" "滚动鼠标滚轮时".因此,当您使用鼠标滚轮滚动时,视差效果会完全毁掉.在Firefox中,即使使用鼠标滚轮滚动,滚动仍然是连续的.有没有办法在IE和Chrome中连续滚动(javascript?).

是我的网站(正如你所看到的,如果你使用Firefox访问它,效果会完全不同).

javascript jquery scroll jquery-animate

8
推荐指数
1
解决办法
1万
查看次数