陈春春的技术博客

0x01 前言0x02 代码编写0x03 成果 See the Pen adjwRd by chenchen (@larry011) on CodePen.

0x01 前言我之前在不少手机APP和网页上见到滚动加载 的效果，当我们的页面将要滚动到底部时，页面将自动ajax获取数据，并填充至底部，不需要主动刷新，用户浏览起来感觉非常的流畅。0x02 原理监听滚动事件window和DOM元素上面有一个onscroll事件，每当页面滚动时会触发此事件。 绑定window/document/document.body中任意一个的onscroll事件即可。0

0x01 前言这是独角兽公社项目的一个小需求，本来呢，是打算用百度图说（效果如下）直接复制黏贴弄上去的，结果居然要申请后才能使用… 没办法，于是乎自己尝试实现一个图片评论弹幕的插件。0x02 代码编写我的思路是用一个wrapper将img包裹起来，然后弹幕元素position:absolute，显示在图片之上。htmlhtml的结构很简单 <div class="img-wrap