如何将元素浮动滚动,延迟？

Question

我有以下div漂浮,但我希望左面板内的绿色元素延迟大约半秒.

有谁知道我怎么能这样做？

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

这是将元素浮动在滚动上的代码

$(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
        });
    })
});

工作小提琴