Jquery - IE 滚动中的断断续续的动画答案

【问题标题】：Jquery - Choppy animations in IE scrollingJquery - IE 滚动中的断断续续的动画
【发布时间】：2012-01-03 23:24:07
【问题描述】：

所以我在页面左侧有一个工具栏，当用户滚动以保持专注于页面顶部时，我会对其进行动画处理。它在除 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 中解决此问题的任何想法？谢谢！

【问题讨论】：

标签： javascript jquery css performance internet-explorer

【解决方案1】：

除非你想让它动画化，否则我会使用position: fixed 将它保留在那里而不是动画化它。这可能至少可以解决您的问题。

【讨论】：