摘要: vh:相对于视窗的高度,那么vw:则是相对于视窗的高度。 “视区”所指为浏览器内部的可视区域大小,即window.innerWidth/window.innerHeight大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小。 详细vh的用法,大家可以参考http://www.zhangxinxu 阅读全文
posted @ 2017-06-13 19:04 ysx_小鱼 阅读(940) 评论(0) 推荐(0) 编辑
摘要: 页面结构 实现思路与大众方法类似,如图 每个section就是一页内容,它的大小充满了屏幕(红色区域),一个Container由多个section构成,我们通过改变container的位置,来达到页面切换的效果。container向下走,页面好像上移了,container向上走,页面就下移了。 事件 阅读全文
posted @ 2017-06-13 17:19 ysx_小鱼 阅读(689) 评论(0) 推荐(0) 编辑
摘要: 附加事件 其中经我测试,IE/Opera属于同一类型,使用attachEvent即可添加滚轮事件。 /*IE注册事件*/ /*IE注册事件*/ if(document.attachEvent){ if(document.attachEvent){ document.attachEvent('onmo 阅读全文
posted @ 2017-06-13 17:12 ysx_小鱼 阅读(23306) 评论(0) 推荐(1) 编辑
摘要: 前言 本文主要参考w3c资料,从底层实现原理的角度介绍了requestAnimationFrame、cancelAnimationFrame,给出了相关的示例代码以及我对实现原理的理解和讨论。 本文介绍 浏览器中动画有两种实现形式:通过申明元素实现(如SVG中的元素)和脚本实现。可以通过setTim 阅读全文
posted @ 2017-06-13 14:26 ysx_小鱼 阅读(1027) 评论(0) 推荐(1) 编辑
摘要: window是浏览器端的全部数据变量的引用。比如 window.window window window.jQuery 就是浏览器中的全局变量里的jQuery那为什么不写 jQuery 而是写 window.jQuery呢?你可以试试,直接jQuery然后回车,会报一个错误。而window.jQue 阅读全文
posted @ 2017-06-13 11:27 ysx_小鱼 阅读(4514) 评论(0) 推荐(0) 编辑