javascript - 在不从顶部计算的情况下淡入单个页面上的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);


});