Question

我正在使用在网上找到的脚本来启用和控制网站上的平滑滚动（整个网站，而不是锚定到锚定）。直到今天，它在所有浏览器上都可以正常工作-现在CHROME只是拒绝显示它，我不知道为什么（我对Web开发的编码方面非常陌生）。

我尝试禁用Chrome上的本机平滑滚动（Chrome：// flags-此处将平滑滚动设置为“默认”），但结果却是一个非常奇怪的行为：虽然存在某种平滑滚动，但是它很怪异从我在Firefox上（过去曾经在Chrome上）上获得。

这是脚本：

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script>
$(function(){

    var $window = $(window);        //Window object

    var scrollTime = 0.8;           //Scroll time
    var scrollDistance = 300;       //Distance. Use smaller value for shorter scroll and greater value for longer scroll

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

        event.preventDefault(); 

        var delta = event.originalEvent.wheelDelta/120 || -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,   //For more easing functions see https://api.greensock.com/js/com/greensock/easing/package-detail.html
                autoKill: true,
                overwrite: 5                            
            });

    });

});
</script>

就像我说的那样，直到今天，它一直在所有浏览器上创建一个不错的平滑滚动。有没有办法用Chrome解决此问题？

还是只有一种方法可将脚本仅用于特定的浏览器？（过去我曾使用过另一个脚本，但无法在Firefox上运行，但仍可在Chrome上运行-很抱歉，如果这是某种代码方式的“亵渎”！）

谢谢！

Pagewide Smooth滚动脚本停止在CHROME上运行

0 个答案: