JavaScript滚轮实现动态加载页面

关键技术

滑轮滚动事件

if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}

window.onmousewheel=document.onmousewheel=scrollFunc;

获取元素距离浏览器顶部的距离

var oTop = element.offsetTop;// body内元素距离body顶部的距离
var sTop = document.body.scrollTop; // body被卷上去隐藏的部分的高度
var top = oTop - sTop; // 二者相减就等于body内的元素距离浏览器窗口的距离

元素的添加

document.body.appendChild(...);