Javascript 滚动事件期间平滑页面偏移值

我正在为一个项目制作视差效果，虽然我的动画效果都很好，但滚动驱动的效果往往会因输入设备的不同而出现口吃

出于性能原因，我最终使用请求动画帧（RAF）来检查每个动画循环的页面偏移量，而不是使用基本的“.scroll（）事件。但是，如果使用其中一种方法，如果我注销事件接收到的偏移/滚动位置值，则滚轮/球与履带板之间的距离通常非常远。由于动画是滚动/偏移驱动的，因此会导致口吃

例如，轨迹板触发多个事件，每个事件的偏移值之间仅相差几个像素，而滚轮/球触发的事件较少，相差5-15像素（取决于滚动速度），导致动画不太平滑

你可以自己在上面胡闹，就像这样：

$(window).scroll(example);

function example() {
    var tempScrollTop = $(window).scrollTop();
    console.log("Scroll from Top: " + tempScrollTop.toString());
};

---

有人知道一个好的库或方法来平滑这些滚动事件及其偏移量吗？我知道这是可能的，因为我见过视差网站，那里的动画无论输入如何都很好、平滑，但我不知道如何管理。谢谢。

如果您正在执行类似transform:translate的操作，可以尝试在CSS中为元素提供大约0.25s-0.5s的转换。也许这会有帮助？是的，他尝试过各种转换速度。它们都使性能急剧下降，并在滚动和动画之间造成奇怪的延迟。