超级平滑滚动

Question

我一直在尝试创建平滑滚动，并尝试在向下滚动产品时让它像http://lookbook.quechua.com/spring-summer-2016/en/hiking一样平滑，但却发现很难复制/找到其他任何有用的内容。

当我使用TweenMax和Scroll To Plugin时，这在Firefox和Chrome中的作用有所不同，它滚动了一段距离我真的不想做，而不是觉得用户完全可以控制距离。

复制此内容的最佳方法是什么？如何让页面滚动顺畅？

Demo

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                            
        });

});