微信小程序滾動到某個位置添加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里面先定義一下scrollTop.
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
新聞熱點
疑難解答