scroll-view内包裹的元素无法触发onReachBottom,只要设置scroll-view的min-height为screenHeight就可以触发onReachBottom,但是scroll-view自身的bindscroll事件就会失效,但是如果设置scroll-view的height为screenHeight时,虽然自身的bindscroll事件可生效,但是onReachBottom却不触发。
请问有两全的办法吗,因为我既需要上拉加载功能也需要监听滚动事件,现在二者不能同时实现很困扰。
整屏都是scroll-view?
试试这种思路看可不可以
//index.wxml
<scroll-view bindscrolltolower="bottom" style="{{!top?' ':'pointer-events:none;'}}">
</scroll-view>
//index.js
top(t){this.setData({top:!0 }) };//到顶部并且下拉的时候设置这个 页面就可以下拉刷新了
bottom(t){...};//触底事件
主要是动态设置 pointer-events:none;
那很简单啊 scroll-view文档有啊
<scroll-view bindscrolltolower="bottom" lower-threshold=“距离底部高度”></scroll-view>
//index.js
bottom(t){...};//触底加载
scroll-view高度设置成105%