Ich habe ein Problem, wo Einstellung Überlauf-X: versteckt auf den HTML-und Body-Elemente verhindert die jquery Scroll-Ereignis von feuern.Überlauf-x: versteckt ist breaking jquery scroll Ereignis
CSS:
html, body {
overflow-x: hidden;
}
JS:
$(function(){
$(window).on("scroll", function(e){
console.log("scrolling");
});
});
Probieren Sie es selbst: Kommentar out Überlauf-x: hidden und Pop-Konsole öffnen. Sie sollten sehen, dass "Scrollen" protokolliert wird, während Sie in der HTML-Box nach oben und unten scrollen. Kommentiere es zurück und das Scroll-Ereignis ist still.
Weiß jemand, warum das passiert? Ich bin mir bewusst, dass wenn Sie den Überlauf auf "Versteckt" setzen, das Scrollen deaktiviert wird, aber das sollte nur für die Achse geschehen, die Sie einstellen (nur in diesem Fall x). Vielen Dank im Voraus für jede Hilfe.
Wie wäre es '$ ('body'). Auf ('blättern')'? – Chad
Genauer gesagt, Ihr Fenster scrollt nicht, Ihr html/body ist. Wenn Sie die "Höhe: 100%;" entfernen, funktioniert Ihr Fenster-Scrolling gut. – Chad
Wenn Sie overflow-x: hidden setzen, ist die Bildlaufleiste, die Sie sehen, für den Körper. Verkleinern Sie die Höhe, und Sie sehen zwei Bildlaufleisten, eine für den Körper und eine für das Fenster. Also ... was Torr3ent gesagt hat. http://jsfiddle.net/r7Fqq/7/ –