Heim >Web-Frontend >js-Tutorial >Problem mit dem Verschieben außerhalb der Leinwand über einen Teil im Mui-Framework hinaus
Im Folgenden werde ich einen Artikel mit Ihnen teilen, der das Problem, dass der Mui-Rahmen außerhalb der Leinwand über das Teil hinausrutscht und verdeckt wird und nicht scrollen kann, perfekt löst. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird .
Ein Nachteil des seitlichen Verschiebens außerhalb der Leinwand im Mui-Framework besteht darin, dass die Bildlaufleiste nicht angezeigt werden kann, da ihr Hauptzweck darin besteht, ein Muster festzulegen, das der QQ-Schnittstelle ähnelt, sodass kein Bildlauf möglich ist. Wie kann man dieses Problem lösen?
Lösung:
1. Fügen Sie die ID zum Inhaltscontainer hinzu und steuern Sie sie dann über JS
<p class="mui-content mui-scroll-wrapper" id="scr1">
JS-Teil
<script> mui('#scr1').scroll(); </script>
2. Verwenden Sie die Methode zum Erstellen von Unterseiten:
mui.init({ subpages:[{ url:'index.html', //要引入的页面 id:'index.html' , //要引入页面的标志 style:{ top:'50px', //页面顶部的位置 bottom:'0px' } extrax{} //额外扩展参数 }] });
Sie können Inhalte in die Seite index.html schreiben und eine Bildlaufleiste wird angezeigt.
Das Obige ist das, was ich für alle zusammengestellt habe an alle in der Zukunft.
Verwandte Artikel:
Grundlegendes internes Methodendiagramm von Object in JavaScript (grafisches Tutorial)
Verwenden Sie Axios, um die Abrufmethode zu kapseln und call
Was sind die Unterschiede zwischen Map und ForEach in JS?
So implementieren Sie die Fortschrittsbalkenkomponente für das Laden von Seiten in Vue
So implementieren Sie die Bildladekomponente in Vue
Warum wird Node.js zu einer Webanwendungsentwicklung?
So implementieren Sie die Austauschmethode zweier Variablenwerte in JS
So implementieren Sie eine ereignisresponsive Fortschrittsbalkenkomponente in Vue
Wie verwende ich Dom-Elemente in jQuery?
Das obige ist der detaillierte Inhalt vonProblem mit dem Verschieben außerhalb der Leinwand über einen Teil im Mui-Framework hinaus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!