// 替代 $(window).scrollTop()
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

// 设置滚动位置
document.documentElement.scrollTop = document.body.scrollTop = 100;

var scrollTimer;
$(window).scroll(function() {
    clearTimeout(scrollTimer);
    scrollTimer = setTimeout(function() {
        // 实际处理逻辑
    }, 50);  // 50ms延迟
});

// 不好的做法 - 每次滚动都查询DOM
$(window).scroll(function() {
    var $element = $('.some-element'); // 每次滚动都查询
    // ...
});

// 好的做法 - 缓存DOM引用
var $element = $('.some-element');
$(window).scroll(function() {
    // 使用缓存的引用
});

/* 为动画元素添加 */
.animated-element {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

// 不好的做法 - 滚动时修改布局
$(window).scroll(function() {
    $('.header').height($(window).scrollTop() / 2);
});

// 好的做法 - 使用transform
$(window).scroll(function() {
    $('.header').css('transform', 'scaleY(' + ($(window).scrollTop() / 1000) + ')');
});