用jQuery視差滾動一格

Question

我要實現的是使背景中的某些div滾動速度慢於其余div，以實現視差滾動效果。 我發現並修改了這段jQuery代碼：

$(window).scroll(function () {

    $('.anim').css({
        'top': -($(this).scrollTop() / 3) + "px"
    });

});

並且它可以正常工作，但有一個例外，我的div具有“ top：200px”，據我所知，我第一次滾動時會將top重置為0，並且可以正常工作。 這是演示，因此您可以了解為什么它看起來不正常，不要介意“黑世界”切割，它現在只是一個占位符。 第一次滾動時，您會注意到“跳”到top：0。 無論如何，有沒有讓它發生？

http://klaunfizia.pl/damian/

Answer 1

您正在設定直線的y絕對位置

'top': -($(this).scrollTop() / 3) + "px"

您需要使其適應div的起始位置

'top': 200-($(this).scrollTop() / 3) + "px"