微信小程序，滚动标记消息已读

记录。

滚动的时候去找dom，然后看top是否小于某一个高度（屏幕可用高度）为已读，进行标记。

 

?

1 2 3 4

<scroll-view scroll-y scroll-into-view="{{toItemView}}" bindscroll="scrolltoupper"> <view wx:for="{{10}}"  id="ItemView{{index}}"> </view>   </scroll-view>

　　

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

// 获取滚动条当前位置   scrolltoupper: function (e) {     let that =this;     var Lists = this.createSelectorQuery().selectAll(".WaitingTag").boundingClientRect();     Lists.exec(function (res) {       res[0].forEach((item,index) => {         //检查是否已读，top在小于屏幕可用范围内为已读         if(item.top<=(that.data.windowHeight-that.data.CustomBar-200))//一个框框最小400rpx         {           if(that.data.readList.indexOf(item.id)<0){             that.data.readList.push(item.id);             var list=that.data.readList;             that.setData({               readList:list             })<br>　　　　　　　　//设置已读操作。。。<br>　　　　　　　　           }         }       });     })   },