在设置视差滚动时遇到问题

.parallax-bg {
    background-image: url('background.jpg');
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

window.addEventListener('scroll', function() {
    let scrollPosition = window.pageYOffset;
    document.querySelector('.parallax-bg').style.transform = 'translateY(' + scrollPosition * 0.5 + 'px)';
});

function parallaxEffect() {
    let scrollPosition = window.pageYOffset;
    document.querySelector('.parallax-bg').style.transform = 'translateY(' + scrollPosition * 0.5 + 'px)';
    requestAnimationFrame(parallaxEffect);
}

window.addEventListener('scroll', parallaxEffect);

@media (max-width: 600px) {
    .parallax-bg {
        background-size: contain;
    }
}