react+antdesign火狐浏览器中,滚动加载事件兼容问题(滚动条在底部触发两次加载事件)

现象:滚动条在底部触发两次加载事件

当滚动条在底部显示时

滚动分页代码实现

滚动事件


绑定ref获取父元素div的滚动


滚动组件

火狐bug:当滚动条显示在页面底部时,页面刷新导致加载事件调用两次。

原因:事件冒泡导致

解决:e.stopPropagation();阻止事件冒泡

你可能感兴趣的:(react+antdesign火狐浏览器中,滚动加载事件兼容问题(滚动条在底部触发两次加载事件))