[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]

[JAVASCRIPT] pobierz, plaintext 
jQuery(document).ready(function(){
 
    $('#stopka').one('scroll', function() {
           $('#ukrywany').hide();
    });
 
});
[JAVASCRIPT] pobierz, plaintext 

[php11]

Dzięki, niestety nie działa.

Konsola pokazuje taki sam błąd, jak w moim kodzie: TypeError: $(...) is null

Może ktoś z Was się nad tym pochyli?

[slash^]

Wczytaj plik jquery przed plikiem (miejscem) w ktorym inicjujesz ten skrypt

[php11]

Dziękuję, ale teraz #ukrywany jest cały czas schowany

[PHP] pobierz, plaintext 
 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
 
<script>
jQuery(document).ready(function(){
 
    if($('#stopka').is(':visible')) {
           $('#ukrywany').hide();
    }
 
});
</script>
[PHP] pobierz, plaintext 

:-(

Ten post edytował php11 25.02.2016, 12:50:50

[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/

[php11]

Bardzo dziękuję wszystkim za chęć pomocy.
Niestety umiejętności mi brakuje i muszę zrezygnować z tej funkcjonalności...


Dziękuję i pozdrawiam :-)