ホームページ  >  記事  >  WeChat アプレット  >  WeChat アプレットのスクロールビューの隠しスクロール バーの詳細な説明

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

高洛峰
高洛峰オリジナル
2017-02-14 14:46:332767ブラウズ

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 サイトに注目してください。

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