Jquery - IE滚动中的Choppy动画

时间:2011-11-22 15:18:06

标签: javascript jquery css performance internet-explorer

所以我有一个工具栏位于我页面的左侧,当用户滚动以保持对焦在页面顶部时,我有动画。它在IE以外的每个浏览器中都能很好地工在IE中,它似乎差不多两次。它反弹并且非常奇怪。这是我的代码。

$(window).scroll(function () {
        var windowScrollPosition = $(window).scrollTop(),
            toolbarLocation = toolbar.offset().top + toolbar.height(),
            canvasSize = formCanvas.offset().top + formCanvas.height();
        //Give toolbar a new position relative to container
        if ((toolbarLocation + windowScrollPosition) < canvasSize + toolbarLocation) {
            toolbar.animate({'margin-top': (windowScrollPosition - 95) <= 0 ? windowScrollPosition : (windowScrollPosition - 95) + 'px'}, 65);
        }

    });

有关如何在IE中修复此问题的任何想法?谢谢!

1 个答案:

答案 0 :(得分:1)

除非你想要它制作动画,否则我会使用position: fixed将其保留在那里而不是动画。这至少可以解决你的问题。