Javascript 鼠标滚动后视差不够平滑

我是作为一个有点庸俗的人来到这里的，所以请容忍我

我的页面上有视差滚动效果和平滑滚动

这是我想做的事情

鼠标滚动后，我的视差滚动效果延迟。 当我滚动鼠标时，页面和图像平稳地向下移动。 页面停止移动，但图像仍会移动几毫秒

还有什么我可以试试的吗

下面是平滑滚动的代码

$(function(){
var $window = $(window);
var scrollTime = 1;
var scrollDistance = 200;

$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,
            overwrite: 5                            
        });
    });
});

这就是视差

(function(){
 var parallax = document.querySelectorAll(".parallax"), 
speed = 0.5;

window.onscroll = function(){
[].slice.call(parallax).forEach(function(el,i){

  var windowYOffset = window.pageYOffset,
      elBackgrounPos = "50% " + (windowYOffset * speed) + "px";

  el.style.backgroundPosition = elBackgrounPos;

        });
    };
})();

---

谢谢你

第一步：不要使用滚动平滑或任何其他修改用户鼠标与页面交互方式的方法，没有人喜欢它，它会让人们主动离开你的网站。　这就是我想要做的。。。