陈春春的技术博客

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

0x01今天在http://materializecss.com/发现一个视差滚动的例子，想自己实现一下视差效果。打开例子0x02思路首先呢，我们可以选择监听scroll和mousewheel事件，说说各自的优缺点。事件监听 scroll 优点：当页面滚动到边界时，不会触发事件。 缺点：需要自己判断鼠标滚动方向。 mousewheel 优点：可以直接知道滚动方向。

0x01http://materializecss.com/scrollfire.htmlvar options = [ {selector: '#staggered-test', offset: 50, callback: 'Materialize.toast("This is our ScrollFire Demo!", 1500 )' }, {selector: '#stagg

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

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