Beispiel für die Freigabe einer festen Navigation, wenn jQuery.Pin vertikal scrollt

Die Navigation von ZKEACMS kann standardmäßig nicht korrigiert werden. Um eine bessere Benutzererfahrung zu erzielen, kann die Navigation oben fixiert werden, was es für Benutzer einfacher macht klicken. In diesem Artikel wird hauptsächlich die Methode zum Korrigieren der Navigation bei der Verwendung von jQuery.Pin für vertikales Scrollen vorgestellt. Ich hoffe, dass er Ihnen helfen kann.

jQuery Pin

Mit Hilfe von jQuery.Pin, einem Plug-in für jQuery, können mit diesem Plug-in Elemente auf der Seite fixiert werden.

http://webpop.github.io/jquery.pin/

Skript hinzufügen

Skript zur Seite hinzufügen, jquery.pin verwenden um die Navigation anzupinnen. Um die Häufigkeit des Hinzufügens eines Skripts zu verringern, können Sie das Skript zum Layout hinzufügen, sodass es auf alle Seiten angewendet wird, die dieses Büro verwenden.

1. Layoutkomponente -> Standardlayout -> Fügen Sie das Skript am Ende der Seite hinzu.

2 Wählen Sie die Skriptkomponente aus und klicken Sie auf Weiter

3. Geben Sie den folgenden Skriptinhalt ein und speichern Sie ihn

<script type="text/javascript" src="http://cdn.zkea.net/Scripts/jquery.pin.min.js"></script>
<script type="text/javascript">
$(function () {
$(".navigation").closest(".widget").parent().css("z-index",10000).pin();
})
</script>

Das ist es. Sie können zur entsprechenden Seite gehen, um eine Vorschau des Effekts anzuzeigen.

Verwandte Empfehlungen:

Verwenden Sie jQuery, um einen festen Navigationsleisteneffekt zu erzielen

Anleitung zum Festlegen der Navigation bar_html/css_WEB-ITnose

jQuery implementiert den Baidu Tieba-Kopf mit festem Navigationseffekt_jquery

Das obige ist der detaillierte Inhalt vonBeispiel für die Freigabe einer festen Navigation, wenn jQuery.Pin vertikal scrollt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!