ホームページ > ウェブフロントエンド > jsチュートリアル > mui フレームがキャンバス外で部分的に隠れた部分を超えてスライドし、スクロールできない問題を解決する方法

mui フレームがキャンバス外で部分的に隠れた部分を超えてスライドし、スクロールできない問題を解決する方法

小云云
リリース: 2018-01-27 09:51:17
オリジナル
1569 人が閲覧しました

mui フレームワークでのオフキャンバス サイド スライドの欠点の 1 つは、スクロール バーが表示できないことです。これは、スクロール バーの主な目的が QQ インターフェイスに似たパターンを設定することであるため、スクロールできないことです。では、この問題をどうやって解決すればいいのでしょうか?この記事では主に、mui Framework のオフキャンバスで非表示部分を超えてスクロールできない問題を完全に解決した記事を紹介します。非常に参考になるので、皆さんのお役に立てれば幸いです。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

解決策:

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

<p class="mui-content mui-scroll-wrapper" id="scr1">
ログイン後にコピー

JS部分

<script>
mui('#scr1').scroll();
</script>
ログイン後にコピー

をJSを通して制御します

mui.init({
subpages:[{
url:'index.html',   //要引入的页面
id:'index.html' , //要引入页面的标志
style:{
top:'50px',   //页面顶部的位置
bottom:'0px'
}
extrax{}    //额外扩展参数
}]
});
ログイン後にコピー

2. サブページを作成するメソッドを使用します:

rrreee

にコンテンツを書き込むことができます「index.html」ページに移動すると、スクロール バーが表示されます。

関連する推奨事項:

MUIはサイドスライドメニュー効果を実装します

サイドスライド機能を実装する方法

jQuery+CSSはサイドスライドナビゲーションメニューを実装します code_jquery🎜🎜

以上がmui フレームがキャンバス外で部分的に隠れた部分を超えてスライドし、スクロールできない問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート