html滚轮

// 示例代码：使用requestAnimationFrame优化滚动动画
function smoothScrollTo(targetPosition, duration) {
    const startPosition = window.pageYOffset;
    const distance = targetPosition - startPosition;
    let startTime = null;

    function animation(currentTime) {
        if (startTime === null) startTime = currentTime;
        const timeElapsed = currentTime - startTime;
        const run = ease(timeElapsed, startPosition, distance, duration);
        window.scrollTo(0, run);
        if (timeElapsed < duration) requestAnimationFrame(animation);
    }

    function ease(t, b, c, d) {
        t /= d / 2;
        if (t < 1) return c / 2 * t * t + b;
        t--;
        return -c / 2 * (t * (t - 2) - 1) + b;
    }

    requestAnimationFrame(animation);
}

// 示例代码：监听滚轮事件
window.addEventListener('wheel', function(event) {
    console.log('滚动方向:', event.deltaY > 0 ? '向下' : '向上');
    // 在这里添加你的自定义逻辑
});

/* 示例代码：使用sticky定位 */
.sticky-element {
    position: sticky;
    top: 0;
}