- <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.