在没有从顶部计算的情况下，在单个页面上的div中淡入

Question

我真的很好奇这种情况。我只有一个页面，向下滚动的每个页面都有1080px的高度，但我无法正确计算scrollTop的度数。。

当我使用一个小监视器时，它会在div进入监视器之前淡出

$(window).scroll( function() {
    if ( $(window).scrollTop() > 300 ) {
       loadDiv2(); /* calls loadDiv2 Function below */
    }
});
function loadDiv2() {
    $('#hakkimizda').fadeIn('slow', function() {
        $(this).fadeTo("slow", 1);
    });
}

Answer 1

我用这段代码解决了问题，非常感谢。

function scrollfadein(selector, offset)
{
    $(selector)
    .css('opacity', 0)
    .each(function(){
        var el = $(this);
        var fun = function()
        {
            offset = (offset == undefined) ? 0 : (offset < 1 ? offset*el.height() : offset);
            if ( $(window).scrollTop() > el.offset().top - $(window).height() + offset )
            {
                el.animate({'opacity':1},1500);
                $(window).off('scroll', fun);
            }
        };
        $(window).on('scroll', fun);
    });
}
scrollfadein('#hakkimizda,#yil_wrap', 0.3);
scrollfadein('#baklava', 0.9);
scrollfadein('#baklava_2', 0.5);
scrollfadein('#baklava_3', 0.9);
});