html5
jdk137
老无所依
展开
-
intersectionObserver示例
git地址https://github.com/jdk137/intersectionOberver在线demo // 导航条如果滚动出了页面可视区域,就在顶部固定出现导航条的浮层。 var io = new IntersectionObserver( function (entries) { entries.forEach(functi...原创 2020-02-02 14:59:08 · 451 阅读 · 0 评论 -
纯css实现文字跑马灯Marquee, 兼容各种长度的文字
<marquee>是老的html中自动实现文字从左向右滚动播放的标签。新的浏览器中不一定支持了。但是可以通过css3实现https://www.quackit.com/css/codes/marquees/原创 2020-02-02 11:20:11 · 1926 阅读 · 2 评论 -
html5 file api 读取本地文件
webdev-gadgets-readLocalFileread local file’s text content through html5 file apidemo<!DOCTYPE html><html lang="en"><head> <title>html5 file api.js</title> <meta charset="utf-8" /> <script src=原创 2016-01-04 10:45:30 · 1105 阅读 · 0 评论 -
css3 transform, transition, animation区别和使用场景
css3 transform, transition, animation区别和使用场景原创 2016-01-07 10:16:51 · 7491 阅读 · 0 评论 -
多步骤jquey可视化组件
jQuery 组件 可视化原创 2016-02-18 16:26:21 · 322 阅读 · 0 评论 -
神奇的css属性clip-path
clip-path这种以前只在svg中用到的技术现在在div上也可以用了。可以让div呈现出各种几何形状。 将来会不会取代常用的 png 、svg小图标 和 face-font?具体demo:http://bennettfeely.com/clippy/技术说明:clip-path | CSS-Tricks转载 2016-02-29 11:18:48 · 407 阅读 · 0 评论 -
h5开发相关积累
手机特殊事件 加速度deviceMotion: 利用h5,chart.js监测手机三轴加速度,用以研究计步算法等 倾斜角度deviceorientation: html5图片随手机重力感应而移动效果性能: 多dom或者多个动画会导致浏览器闪退。 opacity为0 并不等于 display: none; 多个透明图层会严重影响性能。音乐: android微信一次只能响起一个音乐。打开新音乐原创 2017-09-13 15:45:28 · 214 阅读 · 0 评论 -
移动端浮层scroll时,禁止后面的网页也scroll的解决方法
浮层为position: fixed, 滑动浮层时,后面的整体网页也会滑动。为了禁止后面网页的滑动, 需要这么设置:[安卓]https://uedsky.com/2016-06/mobile-modal-scroll//** * ModalHelper helpers resolve the modal scrolling issue on mobile devices * https:/...原创 2018-06-18 06:33:13 · 888 阅读 · 0 评论