手机晃动js抖动效果

// 防抖函数示例
function debounce(func, wait) {
    let timeout;
    return function(...args) {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, args), wait);
    };
}

// 节流函数示例
function throttle(func, limit) {
    let inThrottle;
    return function(...args) {
        if (!inThrottle) {
            func.apply(this, args);
            inThrottle = true;
            setTimeout(() => inThrottle = false, limit);
        }
    };
}

/* 避免使用可能导致抖动的CSS属性 */
.element {
    position: relative; /* 相对定位比绝对定位更稳定 */
    float: none; /* 尽量避免使用浮动 */
}

.scrollable-element {
    will-change: transform;
}

.animated-element {
    transform: translateZ(0); /* 强制开启GPU加速 */
}