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. :(
Vielen Dank!
:)
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: