javascript - 如何在滚动时延迟 float 元素？

Question

我有以下 div float ，但我希望左侧面板中的绿色元素有大约半秒的延迟。

有人知道我该怎么做吗？

https://jsfiddle.net/eoopvgmc/22/

这是让元素在滚动条上 float 的代码

$(document).ready(function() {
        var offset = $('.ads').offset().top, top;
        $(document).on('scroll', function() {
            top = $(window).scrollTop() < offset ? '0' : $(window).scrollTop() - offset + 'px';
            $('.ads').css({
                'top': top
            });
        })
    }); 

Answer 1

要使 .element 独立转换，您需要将其移出 .left-zone 元素。

$(document).ready(function () {
    var offset = $('.ads').offset().top,
        top;
    $(document).on('scroll', function () {
        top = $(window).scrollTop() < offset ? '0' : $(window).scrollTop() - offset;
        console.log(top);
        $('.ads').css({
            'top': top
        });
        $('.element').css({
            'top': +top + 50
        });
    })
});

Working Fiddle