滚动时固定元素滞后

Question

我的固定元素存在问题。

如果我滚动到偏移＆＃34;慢＆＃34;，我没有问题。这很好。 但是，如果我非常快地滚动到偏移量＃34;，fix ms之后我的XX类将被删除。

var menu = $(".category");
$(window).on("scroll", function(){
    if( $(this).scrollTop() > parseInt(menu.offset().top, 10)) {
        menu.find(".menu-wrapper").addClass("fix");
    }
    else {
        menu.find(".menu-wrapper").removeClass("fix");
    }
});

我已经将它用于固定元素：

-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;

示例:(在此视频中，我故意放慢视频的一部分，让您看到延迟）

https://vid.me/GMnW

有人可以帮助我吗？

Chrome 42.0.2311.90 (64-bit)
OS X 10.9 
MacBook Pro 13" 2014 — Retina Display