依然是没什么卵用的代码段,也是看着玩的。

核心是两个监听代码,监听缩放滚动的事件。只对垂直滚动有效。

//获取网页可视页面的高度
var pageHeight = document.documentElement.clientHeight;
window.addEventListener('resize', function(){
pageHeight = document.documentElement.clientHeight;
}, false);

window.addEventListener("scroll", function() {
//获取滚动条据顶部的距离
var currentHeight = document.documentElement.scrollTop || document.body.scrollTop;
//获取整个网站页面的高度
var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
//将整体高度减去可视页面高度算出剩下内容的百分比,不这样的话,第一次滚动不是0%开始。输出的值只取整数
console.log(parseInt(100*currentHeight/(scrollHeight-pageHeight))+"%");
}, false);
--- EOF ---
本文链接:
订阅本站:feed
声明:博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!

标签: none

添加新评论