Fassen Sie die Verwendung von Ankerpunkten in HTML und JS zusammen

巴扎黑
Freigeben: 2017-06-01 16:22:48
Original
2020 Leute haben es durchsucht

Verwendung von Ankerpunkten in HTML:

1.Detaillierte Erklärung, was HTML-Anker sind

Der erste Schritt beim Erlernen von Webkenntnissen ist definitiv HTML, darunter HTML-Anker Was genau ist der Sinn?

Vereinfacht ausgedrückt: Wenn Sie beispielsweise einen sehr langen Artikel segmentweise genau lesen möchten, können Sie Ankerpunkte verwenden.

Fassen Sie die Verwendung von Ankerpunkten in HTML und JS zusammen

2.Beispiel zur Verwendung eines HTML-Ankerpunkts

Nachdem wir verstanden haben, was ein Ankerpunkt ist, wollen wir verstehen, wie man ihn verwendet.

Fassen Sie die Verwendung von Ankerpunkten in HTML und JS zusammen

Verwendungsbeispiele für Ankerpunkte in js:

1.So finden Sie einen Ankerpunkt in js

Ankerpunkte können in der HTML-Seite und der Ankerpunktdefinition festgelegt werden

Fassen Sie die Verwendung von Ankerpunkten in HTML und JS zusammen

2.JS implementiert den Index-Gleitanzeigeeffekt und den Gleitanzeige-Ankerpunkteffekt von Das Adressbuch

Die erste Möglichkeit besteht darin, auf der Indexleiste auf der rechten Seite des Adressbuchs zu gleiten. Wenn Sie zum entsprechenden Buchstaben gleiten, springt dieser zum Ankerpunkt des entsprechenden Buchstabens .

Idee: Hören Sie sich das Touchmove-Ereignis an, erhalten Sie clientX und clientY, übergeben Sie sie an elementFromPoint und führen Sie dann click() aus, nachdem Sie das Element erhalten haben.

Fassen Sie die Verwendung von Ankerpunkten in HTML und JS zusammen

3.Javascript-Implementierungsbeispiel für den Scroll-Effekt des Navigationsankers

In allgemeinen Entwicklungsseiten, der Seite, kann eine solche Anforderung bestehen Das Modul enthält mehrere Module, und jedes Modul entspricht einer Navigation. Wenn die Seite zu einem bestimmten Modul scrollt, muss der entsprechenden Modulnavigation eine Klasse hinzugefügt werden, um den vom aktuellen Benutzer durchsuchten Bereich zu unterscheiden.

Fassen Sie die Verwendung von Ankerpunkten in HTML und JS zusammen

Ankerbezogene Fragen und Antworten:

1.Javascript – Winkelankerproblem

2.angular.js – AngularJs steuert die Seitenausgabe durch die Definition von Ankerlinks

3.html5 – Ankerproblem eines Tags in HTML

Das obige ist der detaillierte Inhalt vonFassen Sie die Verwendung von Ankerpunkten in HTML und JS zusammen. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!