Wie überwacht ein WeChat-Applet das Scrollen von Benutzern nach oben oder unten?

coldplay.xixi
Freigeben: 2020-07-22 10:48:30
Original
4490 Leute haben es durchsucht

Die Methode für das WeChat-Applet, um das Hoch- oder Runtergleiten des Benutzers zu überwachen: Definieren Sie zunächst das Verborgene, das von den beiden Modulen verwendet wird, die umgeschaltet werden müssen, und definieren Sie dann zwei Variablen in den Daten, um die geänderten Werte wahr oder falsch zu akzeptieren. Verwenden Sie dann die Datendaten. Es wird verwendet, um festzustellen, ob das Modul versteckte Variablen anzeigt. Schließlich reicht es aus, die Überwachungsergebnisse zu sammeln.

Wie überwacht ein WeChat-Applet das Scrollen von Benutzern nach oben oder unten?

So überwachen Sie das Hoch- oder Runterrutschen des Benutzers im WeChat-Applet:

Idee: Überwachen Sie zunächst, ob der Der Benutzer rutscht immer noch nach oben oder unten und ändert nach dem Abhören der Ergebnisse die Variablen in den Datendaten, die verwendet werden, um zu bestimmen, ob das Modul angezeigt oder ausgeblendet wird. Zwei Variablen werden im verwendet Daten, um die geänderten Werte „wahr“ oder „falsch“ zu akzeptieren.

Der Code lautet:

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)
}
Nach dem Login kopieren

Verwandte Lernempfehlungen: WeChat Mini Program Development Tutorial

Das obige ist der detaillierte Inhalt vonWie überwacht ein WeChat-Applet das Scrollen von Benutzern nach oben oder unten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!