Maison  >  Article  >  programmation quotidienne  >  Comment utiliser le composant de retour rapide dans Mip

Comment utiliser le composant de retour rapide dans Mip

藏色散人
藏色散人original
2018-11-05 16:46:414320parcourir

Cet article présente principalement l'utilisation du retour rapide au composant supérieur dans MIP.

MIP est l'accélérateur du web mobile. Le composant de retour rapide au haut de MIP est mip-gototop, qui ajoute un bouton de retour rapide au haut et clique pour revenir en haut de la page.

Concernant l'effet d'un retour rapide au sommet, nous avons déjà présenté Utiliser jQuery pour obtenir l'effet d'un retour au sommet Les amis intéressés peuvent également en apprendre brièvement plus.

Manuel de référence recommandé pour plus de détails sur le contenu de MIP : "Manuel de documentation MIP"

Composants pour revenir rapidement en haut (mip-gototop revient rapidement au top) L'exemple de code est le suivant :

<mip-fixed type="gototop">
    <mip-gototop threshold=&#39;300&#39;>
    </mip-gototop>
    </mip-fixed>

Note que nous devons introduire le script js suivant dans le fichier mip.

<script src="https://c.mipcdn.com/static/v1/mip-gototop/mip-gototop.js"> </script>

L'effet d'aperçu est le suivant :

Comment utiliser le composant de retour rapide dans Mip

L'attribut seuil indique la hauteur de la page qui a défilé lorsque le Le bouton s’affiche. Nous définissons ici la valeur sur 300, ce qui signifie que lorsque la page défile jusqu'à une hauteur de 300, le bouton de retour en haut apparaîtra.

Si l'attribut seuil ne définit pas de valeur de hauteur spécifique, la valeur par défaut est 200.

Cet article concerne l'utilisation de base du composant de retour rapide au haut dans MIP. très simple et facile à comprendre. J'espère que cela aidera ceux qui en ont besoin ! Ensuite, il existe des composants MIP plus courants, tels que le Composant carrousel, le Composant de cadre en ligne, le Composant de menu Réduire, Composant de téléchargement de promotion d'application, Composant de formulaire Mip , etc. vous ont également été présentés pour votre référence et votre étude.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn