1、懒加载 1.什么是懒加载？ 懒加载也就是延迟加载。 当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。 2.为什么要使 ...
分类：
其他好文 时间：
2018-01-13 14:12:27
阅读次数：
282
如上图所示，通道有很多个，表格只有一个。 注意：滑过通道时鼠标如果停留在上面，那么表格才显示，鼠标滑过表格时，表格不消失 <div id="lineContent"> <p class='channel'></p> <span class='channelName'></span> <p class ...
分类：
移动开发 时间：
2018-01-11 22:16:57
阅读次数：
391
$("cli-open").click(function(){ var scrollTop = document.body.scrollTop;//保存点击前滚动条的位置 window.onscroll=function(){ document.body.scrollTop = scrollTop;... ...
分类：
移动开发 时间：
2018-01-09 20:20:52
阅读次数：
178
function refresh(refresh,loadmore) { $(window).scroll(function(){ console.log('正在滑动f'); var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度 var scrollHe ...
分类：
移动开发 时间：
2018-01-01 21:55:35
阅读次数：
230
1 2 3 4 5 仿京东侧边栏 6 46 47 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 ... ...
分类：
Web程序 时间：
2018-01-01 20:43:06
阅读次数：
269
<script type="text/javascript">//判断整个文档到底部$(window).scroll(function(){ //滚动条所在位置的高度 totalheight = parseFloat($(window).height()) + parseFloat($(window ...
分类：
Web程序 时间：
2017-12-25 16:58:48
阅读次数：
221
$(function(){ $.fn.autoHeight = function(){ function autoHeight(elem){ elem.style.height = 'auto'; elem.scrollTop = 0; //防抖动 elem.style.height = elem. ...
分类：
其他好文 时间：
2017-12-20 20:22:15
阅读次数：
110
document.compatMode用来判断当前浏览器采用的渲染方式。BackCompat：标准兼容模式关闭。CSS1Compat：标准兼容模式开启。当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；当docu ...
分类：
Web程序 时间：
2017-12-20 13:47:41
阅读次数：
195
$(dom).offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。{left:100,top:100} $(dom).scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。 eg: 如果想让这段js被chrome和Firefox都支持的话，应该这样： ...
分类：
Web程序 时间：
2017-12-18 14:23:26
阅读次数：
181
a. onscroll事件 scroll是css样式中overflow的一个值，意思是显示滚动条;当一个元素的实际高度超过他的最大高度是，只要设置了overflow为scroll b. $(..).scrollTop() c. $(..).scrollTop(10) =>$(..).scrollLe... ...
分类：
Web程序 时间：
2017-12-16 12:55:14
阅读次数：
240
