ホームページ  >  記事  >  ウェブフロントエンド  >  mui フレームワークの一部を超えてオフキャンバスでスライドする場合の問題

mui フレームワークの一部を超えてオフキャンバスでスライドする場合の問題

亚连
亚连オリジナル
2018-06-09 15:46:331505ブラウズ

以下に、mui フレームがキャンバス外に滑り落ちて非表示になり、スクロールできない問題を完全に解決した記事を紹介します。参考値が高く、皆さんのお役に立てれば幸いです。

mui フレームワークでのオフキャンバス サイド スライドの欠点の 1 つは、スクロール バーが表示できないことです。これは、その主な目的が qq インターフェイスに似たパターンを設定することであるため、スクロールできないことです。では、この問題をどうやって解決すればいいのでしょうか?

解決策:

1. コンテンツコンテナにIDを追加し、JS

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

JSパート

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

2.作成方法サブページ :

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

index.html ページにコンテンツを書き込むと、スクロール バーが表示されます

上記は、今後皆さんのお役に立てれば幸いです。

関連記事:

JavaScript の Object の基本的な内部メソッド図 (グラフィック チュートリアル)

axios を使用してフェッチ メソッドをカプセル化し、

JS の Map と ForEach の違いは何ですか?

vueでページ読み込みプログレスバーコンポーネントを実装する方法

JavaScriptを使用して日付範囲内で毎日異なる価格を取得する方法

vueで画像読み込みコンポーネントを実装する方法

なぜNode.jsなのか Webアプリケーション開発になるのでしょうか?

JSで2つの変数値の交換メソッドを実装する方法

Vueでイベント応答型のプログレスバーコンポーネントを実装する方法

jQueryでDom要素を使用する方法は?

以上がmui フレームワークの一部を超えてオフキャンバスでスライドする場合の問題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。