使用jQuery时，位置在IE中无法正常工作

Question

我正在使用KoGrid来显示我的记录。我已经将标题设置为固定，这意味着当我们浏览器向下滚动时，标题应该在顶部变为粘性，所以我使用jQuery进行操作。以下是代码：

var distance = $('.kgTopPanel').offset(),
    $window = $(window),
    topDistance = null;

if (distance) {
    topDistance = distance.top;
}

$window.on('scroll', function () {
    if ($window.scrollTop() >= topDistance) {
        $('.kgTopPanel').css('top', '0');
        $('.kgTopPanel').css('position', 'fixed');
        $(window).trigger('resize');
    } else {
        $('.kgTopPanel').css('top', '');
        $('.kgTopPanel').css('position', 'relative');
        $(window).trigger('resize');
    }
});

它在Chrome和FireFox中运行良好。但是，当我使用Internet Explorer时，行为有点奇怪。我可以看到DOM渲染的滞后。例如，当您向上滚动时，标题移动到屏幕顶部（覆盖菜单），经过一段时间（微秒）后，它会回到正确的位置。滚动时可以看到此延迟。

由于