Fassen Sie die Verwendung von Ankerpunkten in HTML und JS zusammen

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.

2.Beispiel zur Verwendung eines HTML-Ankerpunkts

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

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

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.

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.

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!