Ich habe eine ul Liste innerhalb eines div mit li Elementen und innerhalb der li Elemente ist ein einzelnes Kontrollkästchen. Ich habe die ID für die Checkboxen. Ich möchte also das elterliche li-Element des Kontrollkästchens abrufen und zu seiner Position blättern. Und ich kann es nicht funktionieren lassen.
Mein HTML ist so:
%Vor%Ich habe diese beiden Methoden ausprobiert und sie funktionieren nicht für mich:
%Vor%Alte Frage, aber hier ist eine reine js-Funktion, die den LI nach oben scrollt, wenn er sich momentan über dem oberen befindet, und unten, wenn er sich derzeit unter dem unteren befindet. Dies ermöglicht ein reibungsloses Scrollen des ULs, wenn Sie die Auf- und Abwärtspfeile zum Scrollen verwenden (mit addEventListener für Keydown- und Keyup-Ereignisse).
%Vor%Ein Quirck zum Spaß:
%Vor%Was es tut, ist, die URL-Teile zu bekommen und sie mit dem eigentlichen Anker zu deinem Element zurückzusetzen
Könnte in den meisten Fällen funktionieren, wenn Ihre Site keine Art von Webapp ist =)
Bearbeiten: Es gibt keine Rundreise in modernen Browsern, der einzige Teil der sich ändernden URL ist der Anker. Meine Überlegung, keine Webapp zu sein, besteht darin, dass diese Art von Websites normalerweise Anker und Geschichte bearbeitet.
Ich habe das mit dem Element.scrollIntoView () -Ansatz behoben:
Es hat in Chrome, Firefox und Internet Explorer funktioniert - ich habe es in keinem anderen Browser getestet.
promptAnswerBlock - & gt; ul-Element-ID
$ ('# promptAnswerBlock') scrollTop ($ ('# promptAnswerBlock') [0] .scrollHeight + 150);
150 ist nur ein Offset-Wert
können Sie nach Ihren Anforderungen anpassen
Tags und Links javascript jquery list web