Maison  >  Article  >  interface Web  >  Problème avec le glissement hors toile au-delà d'une partie dans le cadre mui

Problème avec le glissement hors toile au-delà d'une partie dans le cadre mui

亚连
亚连original
2018-06-09 15:46:331495parcourir

Ci-dessous, je vais partager avec vous un article qui résout parfaitement le problème du cadre mui hors toile glissant au-delà de la pièce et étant caché et incapable de défiler. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. .

Un inconvénient 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 ?

Solution :

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

<p class="mui-content mui-scroll-wrapper" id="scr1">

Partie JS

<script>
mui(&#39;#scr1&#39;).scroll();
</script>

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

mui.init({
subpages:[{
url:&#39;index.html&#39;,   //要引入的页面
id:&#39;index.html&#39; , //要引入页面的标志
style:{
top:&#39;50px&#39;,   //页面顶部的位置
bottom:&#39;0px&#39;
}
extrax{}    //额外扩展参数
}]
});
Vous pouvez écrire du contenu dans la page index.html et une barre de défilement apparaîtra

Ce qui précède est ce que j'ai compilé pour tout le monde, J'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

Diagramme de méthode interne de base d'Object en JavaScript (tutoriel graphique)

Utilisez axios pour encapsuler la méthode fetch et call

Quelles sont les différences entre Map et ForEach en JS ?

Comment implémenter le composant de barre de progression de chargement de page dans vue

Comment utiliser javascript pour obtenir des prix différents chaque jour dans la plage de dates

Comment implémenter le composant de chargement d'image dans vue

Pourquoi Node.js deviendra-t-il un développement d'application web ?

Comment implémenter la méthode d'échange de deux valeurs variables​​en JS

Comment implémenter un composant de barre de progression sensible aux événements dans Vue

Comment utiliser les éléments Dom dans 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!

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