懒加载实质：1.不加载全部图片2.首先显示在页面中的图，首先进行加载3.当屏幕发生滚动的时候，判断图片是否进入用户视野，来决定图片是否加载 编写步骤1.首先，不要将图片地址放到src属性中，而是放到其它属性（data-original）中2.页面加载完成后，根据scrollTop判断图片是否在用户视 ...
分类：
其他好文 时间：
2016-11-26 09:28:22
阅读次数：
188
//以下均可console.log()实验 var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 var winH=document.body.clientHeight||document ...
分类：
Web程序 时间：
2016-11-15 22:50:04
阅读次数：
254
禁止网页页面滚动只需要给document添加onmousewheel事件，然后在事件绑定函数当中设置e.preventDefault()就可以了，没错，就是芥末简单。 可是问题又来了，首先，onmousewheel是什么事件呢？它又有什么兼容性上的问题呢？ 带着以上的两个问题，我通过查阅资料并且通过 ...
分类：
其他好文 时间：
2016-11-06 17:03:44
阅读次数：
785
本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。因为本文涉及了很多很多基础，可以对照上面的知识点，选择性跳到相应地方阅读。 滚动优化的由来 滚动优化其实也不仅仅指滚动（scroll 事件），还 ...
分类：
其他好文 时间：
2016-10-28 20:01:46
阅读次数：
274
很多电商网站都使用楼层导航效果来布局，如京东，唯品会等大型网站。那楼层导航效果怎么写了，其实很简单，主要用到鼠标滚动事件和高度的应用。现在我们就来用jquery来写以下。代码是直接copy过来的，因为注释比较多所以看起来有点乱。感兴趣的同学可以下载下面的源码来学习。&..
分类：
Web程序 时间：
2016-10-17 00:55:13
阅读次数：
320
javascript<script> window.onload = function(){ var count = 0; document.onmousewheel = function(e){ /*鼠标滚动的量 下滚是负 上滚是正*/ if(e.wheelDelta < 0){ count ++ ...
分类：
其他好文 时间：
2016-10-15 02:02:30
阅读次数：
190
firefox使用DOMMouseScroll,其他浏览器使用mousewheel 首先绑定一个滚动事件 当滚动时获取wheelDelta值，firefox使用detail:值为下滚3上滚-3,其他浏览器使用wheelDelta:值为下滚-120上滚120，通过判断其值为正或者负即可判断鼠标滚轮上滚 ...
分类：
其他好文 时间：
2016-10-10 20:44:54
阅读次数：
180
最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。因为本文涉及了很多很多基础，可以对照上面的知 ...
分类：
其他好文 时间：
2016-10-06 08:47:56
阅读次数：
385
—————————————————————————— <script type="text/javascript"> //div的滚动条滚动事件 function doScroll(){ //获取协议和按钮的DOM var d = document.getElementById('xieyi'); ...
分类：
其他好文 时间：
2016-09-22 13:11:57
阅读次数：
211
