Exemple de partage de navigation fixe lorsque jQuery.Pin défile verticalement-js tutoriel-php.cn

Exemple de partage de navigation fixe lorsque jQuery.Pin défile verticalement

小云云

Libérer： 2018-01-10 13:48:46

original

1870 Les gens l'ont consulté

La navigation de ZKEACMS ne peut pas être corrigée par défaut. Elle défile au fur et à mesure que la page défile. Afin d'avoir une meilleure expérience utilisateur, lorsque la page défile vers le bas, la navigation peut être corrigée en haut, ce qui facilite la tâche des utilisateurs. cliquer. Cet article présente principalement en détail la méthode de correction de la navigation lors de l'utilisation de jQuery.Pin pour le défilement vertical. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.

jQuery Pin

Avec l'aide de jQuery.Pin, un plug-in pour jQuery, ce plug-in peut être utilisé pour épingler des éléments sur la page.

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

Ajouter un script

Ajouter un script à la page, utilisez jquery.pin pour épingler la navigation. Pour réduire le nombre de fois où vous devez ajouter un script, vous pouvez ajouter le script à la mise en page afin qu'il soit appliqué à toutes les pages qui utilisent ce bureau.

1. Composant de mise en page -> Mise en page par défaut ->

2. Sélectionnez le composant de script et cliquez sur Suivant

3. Entrez le contenu du script suivant et enregistrez

<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>

Copier après la connexion