kraken icon indicating copy to clipboard operation
kraken copied to clipboard

抛出 Scroll 容器滚动到底(顶)的事件

Open answershuto opened this issue 2 years ago • 6 comments

避免一直 dispatch Event 到 JS,需要开发者监听并获取 scrollTop 等数据,既来回传递新消息,也会不断触发 flushUICommand,消耗额外的性能。 期望通过监听事件提升滚动场景下滚动到底 loadmore 的性能。

监听

通过 Web 标准的 addEventListener 来监听。

事件

滚动至顶部边界 - scrolltotop 滚动至底部边界 - scrolltobottom 滚动至左侧边界 - scrolltoleft 滚动至右侧边界 - scrolltoright

举个🌰

div.addEventListener('scrolltobottom', () => {
  console.log('loadmore');
})

answershuto avatar Dec 31 '21 04:12 answershuto

具体方案写一下?

wssgcg1213 avatar Dec 31 '21 06:12 wssgcg1213

事件名不应该包含大小写

wssgcg1213 avatar Jan 04 '22 02:01 wssgcg1213

事件名不应该包含大小写

改了改了

answershuto avatar Jan 04 '22 03:01 answershuto

看下web标准对这方面是否有讨论

yuanyan avatar Jan 26 '22 13:01 yuanyan

事件名看起来应该是 reachedBottom 风格,scrollToBottom 是一个动词

yuanyan avatar Jan 26 '22 13:01 yuanyan

@yuanyan 表状态可以是 bottom reached

wssgcg1213 avatar Mar 22 '22 04:03 wssgcg1213