Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Cadre frontal › Correction du bug du menu / plugin de haut niveau dans Angular Correction ...
Vue: 14553|Répondre: 1

[Angulaire] Solution de bug fixée du menu / plugin de haut niveau Sticky-Kit dans Angular

[Copié le lien]
Publié sur 18/10/2018 16:14:55 | | | |
Si vous devez garder certains éléments visibles pendant que l’utilisateur fait défiler la page, Sticky-Kit est un bon choix.

C’est un plugin jQuery open source qui peut vous aider à générer rapidement des effets de page fixes pour les éléments de page. Souvent, lors du développement de la barre de navigation, il faut une fonction comme celle-ci.

Caractéristiques clés :
Prise en charge de l’affichage fixe de plusieurs éléments
Prend en compte l’emplacement de l’affichage de l’élément et de sa fenêtre de vue
C’est très simple à utiliser et la bibliothèque de cours est très petite

Site officiel :http://leafo.net/sticky-kit/
GitHub :https://github.com/leafo/sticky-kit

Simple à utiliser :

Mon code :



Ce n’est pas fixé en haut, le modèle que j’utilise peut être fixé en haut, au début je pensais que je me trompais, j’ai cherché longtemps et je l’ai trouvéstick_in_parent par défaut est le parent le plus proche de l’élément épinglé，

Je vois que mon élément parent est app-topbar (un tag auto-généré depuis Angular), mais l’élément parent du modèle est div #main-wrapper

Ainsi, la modification est la suivante :



C’est fait !





Précédent:Le projet Angular6 utilise SCSS
Prochain:méthode insertBefore, et comment implémenter la méthode insertAfter

Articles connexes
Publié sur 18/10/2018 21:44:45 |
Je fais des recherches là-dessus depuis longtemps, et je l’ai enfin trouvé, merci
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com