위챗 애플릿 획득 요소 거리 맨 위 거리, 페이지 스크롤 감청

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

좋은 웹페이지 즐겨찾기