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