jquery - 带有 scrollLeft 的元素比文档的其余部分滚动得更快

Question

我有一个具有固定位置的元素，但可以使用我在 this example on JsFiddle. 中使用的 jQuery 计算来左右滚动

$(window).scroll(function(event) {
var x = 0 - $(this).scrollLeft();
var y = $(this).scrollTop();

// whether that's below the form
if (y >= top) {
    // if so, ad the fixed class
    $('.scroll_fixed').addClass('fixed');
} else {
    // otherwise remove it
    $('.scroll_fixed').removeClass('fixed');
}

$(".scroll_fixed").offset({
    left: x + leftInit
});

});

该解决方案一直有效，直到我必须向左滚动，此时滚动的元素与文档的其余部分存在“视差”——也就是说，它的滚动速度大约是文档其余部分的两倍。

我知道这是 jQuery 计算的问题，但想知道以前是否有人遇到过这个问题？如果是这样，您是如何解决的？我有点不知所措....

编辑

问题已解决 - 这是因为代码使用了 $(window).scrollLeft();而不是我希望操作的元素范围内的父元素。

包装器 div 被归类为“wrapperDiv”，所以我使用了 $(".wrapperDiv").scrollLeft();

我会将此问题标记为已提问，但由于我是 Stack Overflow 的新手，我无法再回答 7 个小时....

Answer 1

只是将这个问题标记为已回答:

“这是因为代码使用的是 $(window).scrollLeft(); 而不是我希望操作的元素范围内的父元素。包装器 div 被归类为“wrapperDiv”，所以我使用了 $(".wrapperDiv").scrollLeft();"