记录一下获取 scroll 高度的方法 经实际测试: document.body.scrollTop 在 chrome 下会返回0. 所以 document.documentElement.scrollTop 或者 window.pageYOffset 需要一起判断, 做一下兼容 获取视口区域的高度 ...
分类：
其他好文 时间：
2019-03-04 10:02:11
阅读次数：
431
jQuery 文档1：点击 文档2：点击 jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 一、jQuery对象 通过jQuery包装DOM对象后产生的对象 jQuery 对象是 j ...
分类：
Web程序 时间：
2019-03-03 09:14:09
阅读次数：
236
一、jquery返回顶部$("html,body").animate({scrollTop:0},‘slow‘);二、jQuery判断移动端屏幕的滑动方向$(‘body‘).on(‘touchstart‘,function(e){vartouch=e.originalEvent,startX=touch.changedTouche
分类：
其他好文 时间：
2019-02-27 11:47:19
阅读次数：
229
//1.滚动条到顶端的距离 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //2.滚动条到左边的距离 var scrollLeft = document.documentElement.s ...
分类：
Web程序 时间：
2019-02-26 17:48:09
阅读次数：
179
像淘宝网站等，页面中有着大量图片，一次性全部加载这些图片会使浏览器发送大量请求和造成浪费。采用懒加载技术，即用户浏览到哪儿，就加载该处的图片。这样节省网络资源、提升用户体验、减少服务器压力。 方法1：使用scrollTop/innerHeight/offsetTop 基本知识点： window.in... ...
分类：
Web程序 时间：
2019-02-16 10:38:00
阅读次数：
254
可视区尺寸document.documentElement.clientWidthdocument.documentElement.clientHeight 滚动距离（body和documentElement是为了游览器的数据兼容）document.body.scrollTop/scrollLeft ...
分类：
其他好文 时间：
2019-02-14 20:45:13
阅读次数：
268
有利于优化前端页面因瀑布页面图片多而导致的页面加载时间长，加载慢的问题。 原理 设置个data-src(自定义一个属性)来存放真实地址 当滚动页面时，检查所有的img标签，看是否出现在视野中，如果已经出现在了视野中，那继续再进行判断，看其是否已经被加载过了，如果还没有被加载过，那就进行加 这里需要注 ...
分类：
其他好文 时间：
2019-02-13 10:46:59
阅读次数：
180
通过window对象的scrollTop()实现，$(window).scrollTop()表示滚动条距离上方的距离，$(window).scrollTop(0)表示设置距离为0即返回顶部 ...
分类：
其他好文 时间：
2019-02-04 08:55:15
阅读次数：
181
$(window).scroll(function () { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if ( ...
分类：
Web程序 时间：
2019-01-28 13:59:41
阅读次数：
134
原文：https://blog.csdn.net/queenzjl/article/details/53507661 一、有的网友建议弹出层弹出时给 html 和 body 都加上“height：100%；overflow：hidden；”，然而在手机上并没有什么卵用 二、结合弹出层加上“overf ...
分类：
移动开发 时间：
2019-01-25 17:50:09
阅读次数：
249
