Fenster-Scroll-Funktion Funktioniert Nicht
Machte ich einen blog und habe $(window).scroll(function()
ist, sondern etwas, verhindert, dass es funktioniert.
Ich versuche, um die Klasse scrolled
Körper, wenn der Benutzer scrollt. Eine Idee, die verhindern, dass es richtig funktioniert? Die Konsole gibt keine Fehler in Bezug auf diese.
JS
$(document).ready(function($) {
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 100) {
$("body").addClass("scrolled");
} else {
$("body").removeClass("scrolled");
}
});
});
LIVE-VORSCHAU
http://personaii-demo.tumblr.com/
Entfernen
Danke, aber es funktioniert nicht für mich.
$
aus-Funktion. Wenn Sie möchten, schützen Sie Funktion, dann schreiben (function($) { ... })(jQuery);
Danke, aber es funktioniert nicht für mich.
InformationsquelleAutor Aleksi Tappura | 2014-07-25
Du musst angemeldet sein, um einen Kommentar abzugeben.
Entfernen overflow:auto Eigenschaft zum container Hinzugefügt werden. Dies funktionieren wird.
InformationsquelleAutor Kapilrc
Ihre Funktion übernimmt ein
$
argument, aber Sie sind nicht vorbei an irgendetwas, so wird Sie überschrieben, Sie sollten es so machen:InformationsquelleAutor Ben
Hier ist eine funktionierende Kurzform Lösung, fiddle
Auch wenn Sie mit jQueryUI dann können Sie ein wenig animation zu Klasse sich ändernden Prozess mit
switchClass()
z.B.*Hinweis: Auch nicht vergessen jQuery/jQueryUI-Bibliotheken im Dokument.
InformationsquelleAutor mdesdev
Besser JS:
Auf Ihrer website, ich sehe keine css-verbunden mit
.scrolled
überall, auch wenn ich es über die Konsole.- Spielen-code-golf mit jQuery scheint nie fair 😉
Hey, warum hast du das Dokument schließen Sie bereit, mit leeren Klammern
})();
?Scheint nicht zu funktionieren bei mir, obwohl es sieht ziemlich arbeiten. Ich legte $(function() { $(window).auf('scroll', function() { $('#sb-Standort").toggleClass('gescrollt', $(this).scrollTop() >= 100); }); })(); auf meinem JS, aber noch keine Arbeit. , #Sb-Standort-ist-wrapper, mit der hintergrund-Farbe.
Tippfehler, mein schlechtes. Aleksi, versuchen jetzt.
InformationsquelleAutor AlienWebguy