ホームページ > 記事 > ウェブフロントエンド > mui フレームワークの一部を超えてオフキャンバスでスライドする場合の問題
以下に、mui フレームがキャンバス外に滑り落ちて非表示になり、スクロールできない問題を完全に解決した記事を紹介します。参考値が高く、皆さんのお役に立てれば幸いです。
mui フレームワークでのオフキャンバス サイド スライドの欠点の 1 つは、スクロール バーが表示できないことです。これは、その主な目的が qq インターフェイスに似たパターンを設定することであるため、スクロールできないことです。では、この問題をどうやって解決すればいいのでしょうか?
解決策:
1. コンテンツコンテナにIDを追加し、JS
<p class="mui-content mui-scroll-wrapper" id="scr1">
JSパート
<script> mui('#scr1').scroll(); </script>
2.作成方法サブページ :
mui.init({ subpages:[{ url:'index.html', //要引入的页面 id:'index.html' , //要引入页面的标志 style:{ top:'50px', //页面顶部的位置 bottom:'0px' } extrax{} //额外扩展参数 }] });
index.html ページにコンテンツを書き込むと、スクロール バーが表示されます
上記は、今後皆さんのお役に立てれば幸いです。
関連記事:
JavaScript の Object の基本的な内部メソッド図 (グラフィック チュートリアル)
vueでページ読み込みプログレスバーコンポーネントを実装する方法
JavaScriptを使用して日付範囲内で毎日異なる価格を取得する方法
なぜNode.jsなのか Webアプリケーション開発になるのでしょうか?
Vueでイベント応答型のプログレスバーコンポーネントを実装する方法
以上がmui フレームワークの一部を超えてオフキャンバスでスライドする場合の問題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。