用 Vue 实现带 Dom 回收功能的无尽滚动列表组件

4,378 阅读1分钟

前不久在掘金看到一篇译文 [译] 无尽滚动的复杂度 -- 来自 Google 大神的拆解,碰巧在业务中经常使用无限滚动列表,文中的思路非常有启发性。于是就用vue实现了一个相似思路的infinite scroll list组件。


项目地址:

github.com/xtongs/vue-…

演示地址:

xtongs.github.io/vue-recycli…


目前已知的问题:

1. 使用transform定位会与iOS的-webkit-overflow-scrolling: touch 冲突,目前使用top定位;

2. 新版本的Vue.js,会把v-if值为false的dom渲染成一段"<!---->"html注释,在本例中,会造成页面中生成大量的该注释;


本文对你有帮助?欢迎扫码加入前端学习小组微信群: