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

위 챗 애플 릿 을 어느 위치 로 스크롤 하여 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 에서 스크롤 톱 을 정의 합 니 다.
읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

OpenSSL 생 성 ssl 인증서

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

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

좋은 웹페이지 즐겨찾기