在mac上Javascript视差滞后

function parallaxEffect() {
    const background = document.querySelector('.parallax-background');
    let scrollPosition = window.pageYOffset;

    function updateBackground() {
        background.style.transform = `translateY(${scrollPosition * 0.5}px)`;
        requestAnimationFrame(updateBackground);
    }

    window.addEventListener('scroll', () => {
        scrollPosition = window.pageYOffset;
    });

    updateBackground();
}

window.addEventListener('load', parallaxEffect);

.parallax-background {
    background-image: url('path/to/image.jpg');
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
    position: relative;
    transform: translate3d(0, 0, 0);
}

@media (max-width: 768px) {
    .parallax-background {
        height: 50vh;
    }
}