In meiner Anwendung habe ich 4 Links mit verschiedenen ID s und 4 DIV mit demselben ID wie jeder Link (ich benutze sie für den Ankersprung) .
Mein aktueller Code:
%Vor% Manchmal scrollen Benutzer zuerst zum zweiten div id="2" zuerst, bevor sie auf die Schaltflächen klicken, und wenn sie dies tun, werden sie zuerst an top id="1" first gesendet, anstatt zum nächsten ID id="3" .
Mit der Option CSS ist immer nur eine Schaltfläche sichtbar. Wenn Sie auf die Verknüpfung klicken, entferne ich diese Verknüpfung.
CSS
%Vor%jQuery
%Vor% Wie kann ich das erreichen? Wenn der Benutzer nach unten scrollt, wird jeder Link mit demselben ID wie der DIV entfernt.
Zum Beispiel: Wenn der Benutzer bis zu <div class="col-md-12" id="1"> runterscrollt, wird <a href="#" id="1" class="btn">One</a> entfernt und Next link wäre <a href="#" id="2" class="btn">Two</a> , um darauf zu klicken.
PS: Dies ist für eine dynamische Seite und ID s wird sich ändern, also brauchen wir vielleicht einen anderen Selektor
Das habe ich bis jetzt versucht, aber das Problem ist, dass es alle Links entfernt und nicht nur die ersten
%Vor% PS: Der Weg HTML & amp; CSS ist Setup muss nicht so und ich kann es zu was auch immer das für die Funktion
Ich denke, das ist mehr oder weniger das, wonach Sie suchen:
JSFiddle
Es ist gut, die Position Ihrer Elemente außerhalb der Bildlauffunktion zu cachen, so dass sie nicht jedes Mal neu berechnet werden muss.
Sie sollten auch bedenken, dass dies nicht so gut skaliert wird, wenn Sie dynamische Inhalte haben, aber wenn Sie nur mit 4 statischen Links arbeiten, wird es gut gehen.
Code
Verwenden Sie scrollEvent Listener
%Vor%Verwenden Sie so etwas und es wird funktionieren .. Hoffe das hilft
Tags und Links javascript html jquery remove-if anchor-scroll