滚动到某个位置添加class效果

1. <scroll-view scroll-y="true" style="height:100vh;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-top="{{scrollY}}">
2. <view>
3. 假设这里有一块内容
4. </view>
5. <view class="{{scrollTop>200 ? 'topnav' : ''}}">
6. topnav是希望页面滚动到某出添加的类。变成置顶导航。
7. </view>
8. 。。。。
9. </scroll-view>

页面结构大致如上。

下面是js

1. //滚动监听
2. scroll: function (e) {
3.  
4. // console.log(e) ;
5. var that = this,scrollTop=that.data.scrollTop;
6. that.setData({
7. scrollTop:e.detail.scrollTop
8. })
9. // console.log('e.detail.scrollTop:'+e.detail.scrollTop) ;
10. // console.log('scrollTop:'+scrollTop)
11. }

data里面先定义一下scrollTop.