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