[JavaScript] Ukrycie zawartości po przewinięciu strony Opcje

[php11]

Cześć,

Nie potrafię zrobić, by po przewinięciu strony do momentu pokazania się stopki (#stopka) ukrył się inny, niezależny element. (#ukrywany)

[PHP] pobierz, plaintext 
 
jQuery(document).ready(function(){
 
    if($'#stopka'.is(':visible')) {
           $('#ukrywany').hide();
    }
 
});
 
[PHP] pobierz, plaintext 

Pomożecie?

Dzięki :-)

[gorden]

Z tego co wyczytałem, nie ma gotowej funkcji na to.
Co do Twojego kodu:
1. Warunek będzie sprawdzany tylko raz, po załadowaniu strony. Musisz powiedzieć skryptowi, żeby sprawdzał to za każdym razem, jak scrollujesz stronę
2. ":visible" zwróci prawdę, nawet jeśli elementu nie ma na ekranie. Element musiałby być ukryty (display: none)


Rozwiązanie
znalazłem taki oto kod:

[JAVASCRIPT] pobierz, plaintext 
jQuery.fn.isOnScreen = function(scope){
    var element = this;
    if(!element){
        return;
    }
    var target = $(element);
    if(target.is(':visible') == false){
        return false;
    }
    scope = $(scope || window);
    var top = scope.scrollTop();
    var bot = top + scope.height();
    var elTop = target.offset().top;
    var elBot = elTop + target.height();
 
    return ((elBot <= bot) && (elTop >= top));
};
[JAVASCRIPT] pobierz, plaintext 

Wygląda na to, że działa. Demo: https://jsfiddle.net/cvh1ngx0/1/