Javascript не скрывает элемент при открытии веб-страницы

Question

jQuery(window).scroll(function(){ 

    /* Check the location of element */ 
    jQuery('.logoscrollbg').each(function(i){ 

     var logo = jQuery(this).outerHeight(); 
     var position = jQuery(window).scrollTop(); 
     /* fade out */ 
     if(position > logo ){ 

      jQuery(this).animate({'opacity':'1'},100); 

     }else{ jQuery(this).animate({'opacity':'0'},100);} 

    }); 

}); 

Выше мой сценарий для класса (заголовок) с должен сливаться, когда страница быть прокручивается вниз и смешаться, когда вы находитесь на верхней части страницы, с другой слова начало.

Я не понимаю JavaScript на всех, но я немного php и мне было интересно, если кто-то может помочь мне написать там elseif тег, а затем сделать els электронную метку так, что страница загружается класс (.logoscrollbg) не видна, и когда вы начинаете прокрутку, она становится видимой, и когда вы добираетесь до вершины, она снова становится invisivle :)

Скрипт работает следующим образом: когда я вхожу на сайт, он показывает панель (плохой), позже, когда прокрутка его остается или хорошо там (хорошо), то при получении вверх она снова исчезает (хорошо).

Answer 1

Код внутри вашего события прокрутки должен запускаться при загрузке страницы, а также при ее прокрутке.

jQuery(function() { 
 

 
    // object to hold our method 
 
    var scrollCheck = {}; 
 

 
    // define and call our method at once 
 
    (scrollCheck.check = function() { 
 
    
 
     // only need to get scrollTop once 
 
     var logo, position = jQuery(window).scrollTop(); 
 
    
 
     /* Check the location of element */ 
 
     jQuery('.logoscrollbg').each(function() { 
 

 
     logo = jQuery(this).outerHeight(); 
 

 
     /* fade out or in */ 
 
     // cleaned this up a bit 
 
     jQuery(this).animate({'opacity': position > logo ? 1 : 0}, 100); 
 

 
     }); 
 
    })(); 
 

 
    jQuery(window).scroll(function(){ 
 

 
     // call our method 
 
     scrollCheck.check(); 
 
    }); 
 
});

Answer 2

Он смотрит на меня, как это будет только огонь, когда вы прокрутки. Попробуйте обновить ваши JS это:

jQuery(window).on('scroll, load', function() { 
    /* Check the location of element */ 
    jQuery('.logoscrollbg').each(function(i){ 

     var logo = jQuery(this).outerHeight(); 
     var position = jQuery(window).scrollTop(); 
     /* fade out */ 
     if(position > logo ){ 

      jQuery(this).animate({'opacity':'1'},100); 

     }else{ jQuery(this).animate({'opacity':'0'},100);} 

    }); 
}); 

* Примечание: Вы можете стрелять обратный вызов по документу нагрузки вместо окна.