滾動時頁面閃爍效果

Question

頁面在滾動時閃爍，它在 Firefox 中工作正常，但在 chrome 中不工作。 我嘗試禁用 chrome 平滑滾動插件，但仍然不起作用。

Answer 1

如果您檢查源代碼並搜索'scroll' ，您會發現以下事件綁定（未縮小和美化）：

$window.bind('scroll').resize();

$(window).bind('mousewheel DOMMouseScroll', function(event) {
    if (/chrom(e|ium)/.test(navigator.userAgent.toLowerCase())) {
        var delta = event.originalEvent.wheelDelta;
        if (event.preventDefault) {
            event.preventDefault();
        } else {
            event.returnValue = false;
        };
        $("html").stop().animate({
            scrollTop: $("html").scrollTop() + (-delta * 1.7)
        }, 200, 'linear');
    }
});

滾動調整大小是一件奇怪的事情，但第二個綁定絕對是無稽之談，並且是導致問題的原因：

• 每個微小的滾動動畫都會被中斷$("html").stop()
• 並被一個矛盾的滾動動畫.animate({scrollTop: $("html").scrollTop() + (-delta * 1.7)})覆蓋

在注釋/刪除此代碼之前，只需從 chrome 控制台取消綁定以檢查：

jQuery(window).unbind('mousewheel DOMMouseScroll');