> 위챗 애플릿 > 미니 프로그램 개발 > WeChat 애플릿은 사용자의 스크롤 업 또는 다운을 어떻게 모니터링합니까?

WeChat 애플릿은 사용자의 스크롤 업 또는 다운을 어떻게 모니터링합니까?

coldplay.xixi
풀어 주다: 2020-07-22 10:48:30
원래의
4528명이 탐색했습니다.

WeChat 애플릿이 사용자의 위 또는 아래 슬라이딩을 모니터링하는 방법: 먼저 전환해야 하는 두 모듈에서 사용되는 숨겨진 항목을 정의한 다음 변경된 true 또는 false를 허용하도록 데이터에 두 개의 변수를 정의합니다. 판단 모듈은 숨겨진 변수를 표시하고 최종적으로 모니터링 결과를 수집합니다.

WeChat 애플릿은 사용자의 스크롤 업 또는 다운을 어떻게 모니터링합니까?

WeChat 애플릿에서 사용자의 위 또는 아래 스와이프를 모니터링하는 방법:

아이디어: 먼저 사용자가 위 또는 아래로 스와이프하는지 모니터링하고 결과를 들은 후 데이터에 사용된 변수를 변경합니다. 전환해야 하는 두 모듈이 사용하는 숨김은 변경된 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿