微信小程序滾動到某個位置添加class效果

<scroll-view scroll-y="true" style="height:100vh;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-top="{{scrollY}}"><view>假設(shè)這里有一塊內(nèi)容</view><view class="{{scrollTop>200 ? 'topnav' : ''}}">  topnav是希望頁面滾動到某出添加的類。變成置頂導(dǎo)航。</view>。。。。</scroll-view>

頁面結(jié)構(gòu)大致如上。

下面是js

 //滾動監(jiān)聽 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里面先定義一下scrollTop.

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！