• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

add/remove Class on "scrollTop"

  • Ersteller Ersteller wanjapflueger
  • Erstellt am Erstellt am
W

wanjapflueger

Guest
Moin moin.

Mit dem folgenden abenteuerlich zusammengebastelten Script, kann ich "object" (bei mir ein Fullscreen div) per Klick auf einen Button (.switch) ODER per Mausrad nach 100px ausblenden ( .hide {display:none} ).

Dumm nur, dass ich, wenn ich wieder < 100px zum Seitenanfang scrolle, mein Objekt erneut die Klassen wechselt. Das sollte eigentlich nicht passieren. :(

Code:
<script>
$('.switch').on('click', function(e) { // toggleClass onClick .switch
              $('#object').toggleClass("show hide");
              e.preventDefault();
          });
$(window).scroll(function(){
      if ($(this).scrollTop() < 100) { // add and remove Class to hide and show "object" onScrollTop
          $('#object').addClass('show');
          $('#object').removeClass('hide');
      } else {
          $('#object').removeClass('show');
          $('#object').addClass('hide');
        
      }
  });
  </script>

Vielen Dank!

:)
 
Zuletzt bearbeitet von einem Moderator:
mein Objekt erneut die Klassen wechselt. Das sollte eigentlich nicht passieren.
Das hast Du doch genau programmiert:
Code:
if ($(this).scrollTop() < 100) { // add and remove Class to hide and show "object" onScrollTop
          $('#object').addClass('show');
          $('#object').removeClass('hide');
      }
Lasse dies weg und frage auf ">100" ab.[/quote]
 
Das hast Du doch genau programmiert:
Code:
if ($(this).scrollTop() < 100) { // add and remove Class to hide and show "object" onScrollTop
          $('#object').addClass('show');
          $('#object').removeClass('hide');
      }
Lasse dies weg und frage auf ">100" ab.
[/QUOTE]


Merci. Nur jetzt nimmt er ja nicht mehr die 100.. als maßstab sondern scheinbar 1px...
 
Zurück
Oben