ホームページ > 毎日のプログラミング > HTMLの知識 > Mip でのクイックリターンコンポーネントの使用方法

Mip でのクイックリターンコンポーネントの使用方法

藏色散人
リリース: 2018-11-06 16:37:41
オリジナル
4386 人が閲覧しました

この記事では主に MIP でのトップコンポーネントへのクイックリターンの使い方を紹介します。

MIP はモバイル Web アクセラレータです。 MIP のトップへのクイック リターン コンポーネントは mip-gototop です。これは、トップ ボタンへのクイックリターンを追加し、クリックするとページのトップに戻ります。

すぐにトップに戻る効果については、 jQuery を使用してトップに戻る効果を実現する も紹介していますので、興味のある方は簡単に学んでみてください。

mip コンテンツの詳細については、推奨リファレンス マニュアル: 「MIP Documentation Manual

すぐに先頭のコンポーネントに戻ります (mip-gototop すぐに先頭に戻ります) ) コード例は次のとおりです:

<mip-fixed type="gototop">
    <mip-gototop threshold=&#39;300&#39;>
    </mip-gototop>
    </mip-fixed>
ログイン後にコピー

Note、次の js スクリプトを mip ファイルに導入する必要があります。

<script src="https://c.mipcdn.com/static/v1/mip-gototop/mip-gototop.js"> </script>
ログイン後にコピー

プレビュー効果は次のとおりです。

Mip でのクイックリターンコンポーネントの使用方法

threshold 属性は、ボタンが押されたときにスクロールされたページの高さを示します。表示されます。ここでは値を 300 に設定します。これは、ページが高さ 300 までスクロールすると、「トップに戻る」ボタンが表示されることを意味します。

threshold 属性で特定の高さの値が設定されていない場合、デフォルト値は 200 です。

この記事は、MIP の最上位コンポーネントへのクイックリターンの基本的な使用法についてです。とてもシンプルでわかりやすいです。困っている人たちの役に立てば幸いです。さらに、カルーセル コンポーネントインライン フレーム コンポーネント折りたたみメニュー コンポーネントアプリ プロモーション ダウンロード コンポーネント##など、より一般的な MIP コンポーネントもあります。 Mipフォームコンポーネントなども紹介していますので、参考・勉強にしてください。

以上がMip でのクイックリターンコンポーネントの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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