위 챗 애플 릿 이 어느 위치 로 스크롤 하여 클 라 스 효과 구현 코드 를 추가 합 니 다.

위 챗 애플 릿 을 어느 위치 로 스크롤 하여 class 효 과 를 추가 합 니 다.

<scroll-view scroll-y="true" style="height:100vh;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-top="{{scrollY}}">
<view>
         
</view>
<view class="{{scrollTop>200 ? 'topnav' : ''}}">
  topnav              。      。
</view>
。。。。
</scroll-view>

페이지 구 조 는 대체로 위 와 같다.
다음은 js.

 //    
 scroll: function (e) {

  // console.log(e) ;
  var that = this,scrollTop=that.data.scrollTop;
  that.setData({
   scrollTop:e.detail.scrollTop
  })
  // console.log('e.detail.scrollTop:'+e.detail.scrollTop) ;
  // console.log('scrollTop:'+scrollTop)
 }

data 에서 스크롤 톱 을 정의 합 니 다.
읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!