您好,登錄后才能下訂單哦!
微信小程序滾動到某個位置添加class效果
<scroll-view scroll-y="true" 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.
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。