codepen.io
哪哪都是坑
前端开发攻城狮
小荷才露尖尖角
获得徽章 0
- #视差滚动特效
(据不可靠推测) 视差滚动特效第一次出现在2014年，如今我们在很多网站上都可以看到它的身影。它的原理是通过前景与背景移动速度的差别，营造出一种奇妙的视觉体验。视差滚动一般分为两种：一种是前景和背景都动，但是前景比背景动得快（见图1）；还有一种是只有前景动，背景不动（见图2）。
第一种（图1）既可以通过js实现，也可以通过css 3d transform实现。js实现的兼容性比较好，css实现的性能比较好。
第二种（图2）主要通过background-attachment: fixed实现，比较简单。
图1的Demo+源码：
codepen.io
图2的Demo+源码：codepen.io
扩展阅读：keithclark.co.ukpixelcog.github.io 展开评论49 - Touch UI是一套基于vue.js打造的移动端UI框架，包含近百种组件，几乎囊括了开发移动应用的所有细节。包含100多种组件，拿来即用。开发者在开发移动应用时，能够专注于业务，真正实现组件拿来即用，像搭积木一样开发移动应用。
官网：www.touchui.io
Github：github.com 展开36279 - 【HappyBubble-一个有质感的对话框】
开源项目地址：github.com
介绍：
做这个的原因来自于每次想做个气泡的dialog时都需要图片来作为背景，如果气泡的指向不同就需要再来张图片。于是就想何不自己写一个自定义view可高度定制，这不就可以解决了嘛！
1. 可以根据自己需要定制气泡颜色阴影弧度等。
2. 气泡根据被点击view的位置展示，可设置上下左右或自动。
3. 事件可穿透dialog，可设置偏移
4. 等等，偷个懒，大家有兴趣还是看看链接吧！
欢迎大家使用和建议！(*σ´∀`)σ展开评论29
