Maison > interface Web > js tutoriel > Comment résoudre le problème du mui frame hors toile glissant au-delà de la partie partiellement cachée et incapable de faire défiler

Comment résoudre le problème du mui frame hors toile glissant au-delà de la partie partiellement cachée et incapable de faire défiler

小云云
Libérer: 2018-01-27 09:51:17
original
1569 Les gens l'ont consulté

L'un des inconvénients du glissement latéral hors toile dans le framework mui est que la barre de défilement ne peut pas apparaître, car son objectif principal est de définir un motif similaire à l'interface QQ, de sorte qu'elle ne peut pas défiler. Alors comment résoudre ce problème ? Cet article partage principalement avec vous un article qui résout parfaitement le problème du framework mui hors canevas glissant au-delà de la partie cachée et incapable de faire défiler. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Solution :

1. Ajoutez un identifiant au conteneur de contenu, puis contrôlez-le via JS

<p class="mui-content mui-scroll-wrapper" id="scr1">
Copier après la connexion

Partie JS

<script>
mui('#scr1').scroll();
</script>
Copier après la connexion

2. . Utilisez la méthode de création de sous-pages :

mui.init({
subpages:[{
url:'index.html',   //要引入的页面
id:'index.html' , //要引入页面的标志
style:{
top:'50px',   //页面顶部的位置
bottom:'0px'
}
extrax{}    //额外扩展参数
}]
});
Copier après la connexion

Vous pouvez écrire du contenu dans la page index.html et des barres de défilement apparaîtront.

Recommandations associées :

MUI implémente l'effet de menu coulissant latéral

Comment implémenter la fonction de glissement latéral

jQuery+CSS implémente un menu de navigation coulissant code_jquery

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal