위챗 애플릿 획득 요소 거리 맨 위 거리, 페이지 스크롤 감청
5187 단어 위챗 애플릿
onReady: function () {
var that = this;
var query = wx.createSelectorQuery()
query.select('.lplistbd').boundingClientRect(function (res) {
that.setData({
tabScrollTop: res.top + 50 //
})
}).exec()
},
onPageScroll: function (e) { //
if (e.scrollTop > this.data.tabScrollTop) {
this.setData({
tabFixed: true
})
} else {
this.setData({
tabFixed: false
})
}
},
참고: 1.json에 페이지 스크롤 금지 설정 여부;2. 페이지 높이는 100% 100vh 등으로 쓸 수 없습니다.3.scroll-view의 요소가 onPageScroll()을 가져올 수 없음
페이지 너비 가져오기:
onLoad: function (options) {
let windowHeight = wx.getSystemInfoSync().windowHeight //
let windowWidth = wx.getSystemInfoSync().windowWidth //
})
기타 관련 링크: 위챗 애플릿 scroll-view 동적 획득 높이(매개 변수 상세 설명):https://www.jianshu.com/p/d32871c05a23
위챗 애플릿 내비게이션 tab 전환, 스크롤 따라 상단:https://www.cnblogs.com/xiao-ling-zi/p/9512031.html
애플릿 필터링 날짜, 시간, 다중 선택 및 필터링 비우기:https://blog.csdn.net/qq_41874847/article/details/85004962
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
유니앱, 위챗 애플릿에서 MQTT 사용 문제(1)MQTT.js는 JavaScript로 작성된 MQTT 프로토콜의 클라이언트 라이브러리로 Node에 사용할 수 있습니다.js와 브라우저.노드에서.js단은 전역 설치를 통해 명령행 연결을 사용할 수 있으며 MQTT...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.