Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.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_Parallax - Fatal编程技术网

Javascript 超平滑滚动

Javascript 超平滑滚动,javascript,jquery,parallax,Javascript,Jquery,Parallax,我一直在尝试创建平滑的滚动,并尝试使其与向下滚动产品时一样平滑,但发现很难复制/找到任何其他有帮助的内容 在我使用TweenMax和Scroll To插件的那一刻,这在Firefox和Chrome中的作用不同,它滚动一个设定的距离,我真的不想这样做,而是感觉用户完全可以控制距离 复制这一点的最佳方式是什么,或者如何使页面滚动得如此平滑 var $window = $(window); var scrollTime = 1.2; var scrollDistance = 135; $windo

我一直在尝试创建平滑的滚动,并尝试使其与向下滚动产品时一样平滑,但发现很难复制/找到任何其他有帮助的内容

在我使用TweenMax和Scroll To插件的那一刻,这在Firefox和Chrome中的作用不同,它滚动一个设定的距离,我真的不想这样做,而是感觉用户完全可以控制距离

复制这一点的最佳方式是什么,或者如何使页面滚动得如此平滑

var $window = $(window);
var scrollTime = 1.2;
var scrollDistance = 135;

$window.on("mousewheel DOMMouseScroll", function(event){

    event.preventDefault(); 

    var delta = event.originalEvent.wheelDelta/40  || -event.originalEvent.detail/3
    var scrollTop = $window.scrollTop();

var finalScroll = scrollTop - parseInt(delta*scrollDistance);

    TweenMax.to($window, scrollTime, {
        scrollTo : { y: finalScroll, autoKill:true },
            ease: Power1.easeOut, // Quart.easeInOut
            overwrite: 5                            
        });

});