視窗移動addClass

Question

我正嘗試淡入的元素，當用戶到達網站的某些部分。

在這種情況下，將#blog網段。使用此代碼到移動視

I'm：

function Global_viewport() { 
     _viewport = this; 
     _viewport.selector = $('#viewport'); 
     _viewport.inner = $('#viewport_inner'); 
     _viewport.section = ''; 
     $(window).bind({ 
      'resize' : function(){ 
       _viewport.inner.addClass('not_animate') 
       _viewport.move(_viewport.section) 
       if(this.resizeTO) clearTimeout(this.resizeTO); 
       this.resizeTO = setTimeout(function() { 
        $(this).trigger('resizeEnd'); 
       }, 500); 
      }, 
      'resizeEnd' : function(){ 
       _viewport.inner.removeClass('not_animate'); 
      } 
     }) 
    } 
    Global_viewport.prototype.move = function(s, noanimate){ 
     if(noanimate){ 
      _viewport.inner.addClass('not_animate') 
     } 
     var selector = $('#'+s); 
     _viewport.section = s; 
     if(selector.length){ 
      _viewport.inner.css({ 
       'top' : - selector.position().top 
      }) 
      setTimeout(_viewport.refresh, 500) 
      setTimeout(function(){ 
       _viewport.inner.removeClass('not_animate') 
      }, 100) 
     }else{ 
      _menu.pw_protected_target = s; 
      main_menu.container.addClass('password'); 
      setTimeout(vp.refresh, 1000); 
     } 
    } 
    Global_viewport.prototype.refresh = function(){ 
     var selector = $('#'+_viewport.section); 
     var vp_height = Math.max(selector.height() , $(window).height()) 
     _viewport.selector.height(vp_height); 
    } 

我怎樣才能淡入被稱爲例如一個元素：當用戶到達#blog網部分.read_more_blog？任何想法如何做到這一點？

Answer 1

爲您指出了正確的方向使用以下命令：

$(window).bind("scroll", function() { 
    if ($(this).scrollTop() > 0 && $(this).scrollTop() < 800) { 
     $("#divFade").fadeIn(800);  
    } 

所以#divFade會淡入介於0和800像素。

如果是不同勢每次使用：

function isScrolledIntoView(elem) { 
    var docViewTop = $(window).scrollTop(), 
     docViewBottom = docViewTop + $(window).height(), 
     elemTop = $(elem).offset().top, 
     elemBottom = elemTop + $(elem).height(); 
    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); 
} 

發現它：Check if element is visible after scrolling