Heim > Web-Frontend > js-Tutorial > Hauptteil

Problem mit dem Verschieben außerhalb der Leinwand über einen Teil im Mui-Framework hinaus

亚连
Freigeben: 2018-06-09 15:46:33
Original
1504 Leute haben es durchsucht

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">
Nach dem Login kopieren

JS-Teil

<script>
mui(&#39;#scr1&#39;).scroll();
</script>
Nach dem Login kopieren

2. Verwenden Sie die Methode zum Erstellen von Unterseiten:

mui.init({
subpages:[{
url:&#39;index.html&#39;,   //要引入的页面
id:&#39;index.html&#39; , //要引入页面的标志
style:{
top:&#39;50px&#39;,   //页面顶部的位置
bottom:&#39;0px&#39;
}
extrax{}    //额外扩展参数
}]
});
Nach dem Login kopieren

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 verwenden Sie Javascript, um jeden Tag innerhalb des Datumsbereichs unterschiedliche Preise zu erhalten

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage