ホームページ  >  記事  >  WeChat アプレット  >  WeChat アプレットはユーザーの上下のスクロールをどのように監視しますか?

WeChat アプレットはユーザーの上下のスクロールをどのように監視しますか?

coldplay.xixi
coldplay.xixiオリジナル
2020-07-22 10:48:304432ブラウズ

WeChat アプレットは、ユーザーのスライド アップまたはダウン メソッドを監視します。まず、切り替える必要がある 2 つのモジュールで使用される非表示を定義します。次に、変更された true または false を受け入れるためにデータ内の 2 つの変数を定義し、次に使用します。データ データはモジュールが隠し変数を表示するかどうかを決定するために使用され、最終的には監視結果を収集するだけで十分です。

WeChat アプレットはユーザーの上下のスクロールをどのように監視しますか?

WeChat アプレットがユーザーが上または下にスライドしたかどうかを監視する方法:

アイデア: まず、ユーザーが上または下にスライドします まだスライドしています。結果を聞いた後、モジュールが表示されるか非表示になるかを決定するために使用されるデータ データ内の変数を変更します。切り替える必要がある 2 つのモジュールは非表示を使用します。2 つの変数は次のように定義されています変更された true または false を受け入れるデータ。

コードは次のとおりです:

hidden='{{bottom}}'
hidden='{{top}}'
 
data{
//初始化状态 
top:true,
bottom:false,
}
 
//判断浏览器滚动条上下滚动
if (t.scrollTop > a.data.scrollTop || t.scrollTop == wx.getSystemInfoSync().windowHeight) {
console.log('向下滚动');
// 改变显示隐藏的状态
a.setData({
bottom: true,
top: false
})
console.log(a.data.bottom)
} else {
console.log('向上滚动');
a.setData({
 
bottom: false,
top: true
})
console.log(a.data.bottom)
}

関連する学習の推奨事項: WeChat ミニ プログラム開発チュートリアル

以上がWeChat アプレットはユーザーの上下のスクロールをどのように監視しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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