1回到顶部
回到顶部这一功能在很多网站上都有应用，最简单的方法莫过于是锚链接，但是由于锚链接回到顶部的时候速度太快，用户体验并不是很好。所以用原生js来实现。
参照www.cnblogs.com/foodoir/p/5885174.html
最重要的思路是通过“scrollTop”来实现。
document.documentElement.scrollTop = document.body.scrollTop = -200;
2懒加载的实现
初次打开网页是让浏览器只显示可视区中的图片，当向下滚动后，可视区内再逐一显示要加载的内容，这样大大的提高了浏览的速度，也同时节省了大量的网络流量。
图1
1. 浏览器可视区域高度H，通常是固定的(这里不考虑手动调整窗口大小)window.innerHeight可取得此值。
2. 图片距离页面顶端的距离T，也是固定值可用offsetTop方法计算。
3. 浏览器滚动条滚过高度S，这是唯一变化的值document.documentElement.scrollTop||document.body.scrollTop计算。
最核心部分为当 H + S > T 时该图片出现在可视区域。
代码截图
网友评论