Затухание в div на одной странице без вычисления сверху

Question

Мне очень любопытно об этой ситуации. У меня есть одна страница, и каждая страница прокручивается вниз имеет высоту 1080px, но я не могу рассчитать правильно степень scrollTop ..

Когда я использую небольшой монитор он выцветает до того ДИВ входит монитор

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

 

 
});