Heim > WeChat-Applet > Mini-Programmentwicklung > JS-Code zur Simulation des Ankerpunktsprungs

JS-Code zur Simulation des Ankerpunktsprungs

小云云
Freigeben: 2018-02-02 10:14:02
Original
2489 Leute haben es durchsucht

Dieser Artikel enthält hauptsächlich ein Beispiel für die Verwendung von JS zur Simulation eines Ankerpunktsprungs. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

A-HTML-Ankerdefinition:

Anker setzen:

<a href="#mao" rel="external nofollow" >&nsbp;</a>
Nach dem Login kopieren

Punkt festlegen: (Aus Gründen der Browserkompatibilität werden ID und Name zusammen festgelegt)

<a id="mao" name="mao">跳至第一个锚点</a>
Nach dem Login kopieren

B: Verwenden Sie JS, um einen Ankerpunktsprung zu simulieren:

location.href in js kann zu einer bestimmten URL springen;

1 .location.href + "#mao";

2. window.location.hash = "#mao";

Hinweis: Hash wird nur verwendet, wenn zu dieser Seite gesprungen wird. Es funktioniert für Beim ersten Mal funktioniert das erneute Aktualisieren dieser Seite nicht und href funktioniert immer

Verwandte Empfehlungen:

Wie man mit JS eine schnelle Positionierung auf der Seite erreicht (Ankersprung-Übertragungsfrage)

jQuery-Ankerpunktsprung-Bildlaufleiste, sanftes Scrollen eines Satzcodes

Über den Ankerpunktsprung und verwandte Vorgänge unter jQuery Plugin_jquery

Das obige ist der detaillierte Inhalt vonJS-Code zur Simulation des Ankerpunktsprungs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage