切换选项卡的列表中上拉加载监听子元素滑动位置

切换选项卡的列表中上拉加载监听子元素滑动位置

因为切换选项卡的内容区使用了swiper,滑动的区域是在父元素内,所以通过document.body.scrollTop;获取不到元素滑动的高度,要监听到子元素在父元素内滑动的高度使用js原生实现比较复杂,我们 可以使用框架提供的方法

1. 若使用的vue框架,可以通过this.$refs.tab1.getBoundingClientRect().top获取滚动高度

2. 若使用的JQuery,可以通过 $(“tab1”).offset().top获取滚动的高度
切换选项卡的列表中上拉加载监听子元素滑动位置