Lazy Load延迟加载也有的称为惰性加载，是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页 ...
分类：
Web程序 时间：
2016-05-31 14:05:26
阅读次数：
223
1. 一峰的网络日志：http://www.ruanyifeng.com/blog/2011/03/url_hash.html get: 1.页面滚动到指定页面的指定位置 （eg: http://www.example.com/index.html#print <div id="print" > i ...
分类：
Web程序 时间：
2016-05-28 10:05:32
阅读次数：
225
varscrollTop=document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop;window.pageYOffset(Safari)被放置在||的中间位置。因为当数字0与undefine进行或运算时，系统默认返回最后一个值。即或运算中0==undefine;当页面滚动条刚好在最顶端，即scrollT..
分类：
Web程序 时间：
2016-05-26 14:54:51
阅读次数：
375
今天写了一个回到顶部的demo,没有复杂的逻辑，所以想来分享。 原理： 1.css上把按钮固定定位在浏览器右下角上，默认为隐藏。 2.当页面滚动的时候（window.onscroll），按钮block, 3.当点击按钮的时候让页面的可视区高度距离浏览器顶端逐渐减少直至为0， a)此时需要用到一个定时 ...
分类：
其他好文 时间：
2016-05-24 13:27:57
阅读次数：
125
页面滚动的兼容方法 页面滚动的兼容方法 网页可视区client方法 网页可视区client方法 兼容ie6、7、8获取鼠标的坐标方法 兼容ie6、7、8获取鼠标的坐标方法 阻止事件冒泡 阻止事件冒泡 事件目标兼容性 事件目标兼容性 targetId（排除事件触发案例） 返回当前事件对象的id 火狐谷 ...
分类：
其他好文 时间：
2016-05-17 22:40:16
阅读次数：
245
这篇文章主要介绍了如何使用javscript实现滚动条滚动到页面底部自动加载增加页面内容,需要的朋友可以参考下..1，注册页面滚动事件，window.onscroll = function(){ }; 2，相关获取页面高度、滚动条位置、文档高度的函数： 复制代码 代码如下://获取滚动条当前的位置 ...
分类：
Web程序 时间：
2016-05-16 12:50:17
阅读次数：
189
官网 WOW.js依赖animate.css, 所以它支持animate.css多达60多种动画效果。 浏览器兼容：IE9以及以前的版本不适用 使用方法： 1、引入文件 <link rel="stylesheet" href="css/animate.min.css" /> <script type ...
分类：
Web程序 时间：
2016-05-13 13:11:53
阅读次数：
308
今天要实现一个效果：点击图片后弹出一个浮层，该浮层内容比较多，设置overflow:auto;希望浮层滚动的时候，底层的页面是不动的。在网上查了很多，都没有找到解决方案，有人在问，但是并没有人回答。所以特地跑去问了师傅，在这里分享一下，希望遇到同样问题的小白，可以有所帮助。 首先，把底层页面放在一个 ...
分类：
其他好文 时间：
2016-05-05 22:31:53
阅读次数：
1800
实现功能：
1.加载城市列表，并生成索引（没有该索引的城市则无索引）
2.点击索引滚动页面到对应索引城市第一个位置
3.输入搜索
分析：
1.加载城市很容易，生成对应的索引。
首先需要得到所有的城市，然后拿出城市的首字母，放入一个数组中，去重并排序，
得到无重复并有序的索引数组后加入到div中显示
2.根据索引进行页面滚动
需要给索引列表添加事件，由于锚点会在链接产生...
分类：
Web程序 时间：
2016-04-29 18:43:44
阅读次数：
188
