用better-scroll也好,vue-infinite-scroll/loading也罢,只要不是自己手动计算高度,有什么解决的思路吗?需求:但是页脚(elementui里面那个footer)是是始终在列表区域下方的,也就是说新加载的数据要加在列表区域和页脚之间。且页脚不能固定,随整个页面滑动。要同时兼容PC和Mobile。
2 回答
慕婉清6462132
TA贡献1804条经验 获得超2个赞
需求说的不是很清楚,我就按照我的理解来做了首先footer用fixed定位,固定在页面底部然后用vue的列表循环渲染数据列表,注意在最后一个元素加一个margin-bottom(也可以用padding),这样可以使得footer不遮盖最后一个元素最后用window.onscroll=fn或者addEventListener('scroll',fn)来监听滚动事件,当文档高度等于滚动高度加上页面高度的时候,更新数据,由于vue双向绑定的原因,数据会自动渲染出来
添加回答
举报
0/150
提交
取消