使用 JQuery - choppy/jumpy/shaking 移动设置滚动事件的边距

Question

我有表格，我在 X 轴和 Y 轴上滚动 (with JQuery)。但是表格滚动的同时，它们就像在摇晃。

... 所以我的问题是：为什么会发生这种震动，我怎样才能防止这种震动？

var leftOffset = parseInt($(".tablecontainer").css('margin-left')); 
    hhOffset = parseInt($(".headsholder").css('margin-left'));
    fixOffset = parseInt($(".fixedphead").css('margin-left'));
    eisastanaYOffset = parseInt($(".eisastana").css('margin-left'));

    $(".contentbox").scroll(function(){
        $(".tablecontainer").css({
            'margin-left': $(this).scrollLeft() + leftOffset 
        });
        $(".tableheads").css({
            'margin-left': -$(this).scrollLeft()  
        });
        $(".headsholder").css({
            'margin-left': hhOffset - $(this).scrollTop()
        });
        $(".fixedphead").css({
            'margin-left': fixOffset -$(this).scrollTop()
        });
        $(".eisastana").css({
            'margin-left': eisastanaYOffset -$(this).scrollTop()
        });
    });

Answer 1

我使用了 .stop() - Jquery.stop().animate(); - 震动停止了。

使用 JQuery - choppy/jumpy/shaking 移动设置滚动事件的边距

Set margins on scroll event with JQuery - choppy/jumpy/shaking movement

jquery

scroll

margin

internet-explorer-11

fixed