WeChat アプレットのスクロールビューの隠しスクロール バーの詳細な説明

高洛峰
リリース: 2017-02-14 14:46:33
オリジナル
2776 人が閲覧しました

1: スクロールビューはスクロールバーを非表示にします

Web ページを作成するとき、ページの美しさのために、スクロール領域のデフォルトのスクロールバーを削除することを選択することがよくあります。ここでは、スクロール バーを削除します。小さなプログラムの場合は 1 つのメソッド:

scroll-view.wxml:

微信小程序 scroll-view隐藏滚动条详解

scroll-view.wxss

微信小程序 scroll-view隐藏滚动条详解

scroll-view.js

微信小程序 scroll-view隐藏滚动条详解

最終的な表示効果は次のとおりです。

微信小程序 scroll-view隐藏滚动条详解

注:

(1) textarea、mao、canvas、videoコンポーネントはscroll-viewでは使用できません

(2)scroll-init-viewはscroll-topよりも優先されます

(3) onPullDownRefreshイベントはスクロールビュー中トリガーでは使用できません

(4) プルダウン更新を使用したい場合は、スクロールビューの代わりにページのスクロールを使用する必要があります。これにより、ページの先頭にも戻ることができます上部のステータスバーをクリックしてページを開きます

お読みいただきありがとうございます。皆様のお役に立てれば幸いです。ありがとうございます。このサイトをサポートしていただきありがとうございます。

WeChat アプレットのスクロールビューの隠しスクロール バーに関する詳細な説明については、PHP 中国語 Web サイトに注目してください。

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