mui フレームワークの一部を超えてオフキャンバスでスライドする場合の問題-jsチュートリアル-php.cn

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

亚连

リリース： 2018-06-09 15:46:33

オリジナル

1535 人が閲覧しました

以下に、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 サイトの他の関連記事を参照してください。