JS获取页面高度方法小结
来源:互联网 发布:第十一届网络作家榜单 编辑:程序博客网 时间:2024/06/02 03:57
/*document.body是为了兼容chrome浏览器*///获取到滚动条距可视页面顶部的位置function getScrollTop(){var scrollTop = 0;//经测试,在chrome和ff下,document.documentElement.scrollTop并没有什么卵用,都是一直返回0。但在IE下是好使的,可怜的IE。if(document.documentElement && document.documentElement.scrollTop){scrollTop = document.documentElement.scrollTop;} else if (document.body) {scrollTop = document.body.scrollTop}return scrollTop;}//获取当前可视范围高度function getClientHeight(){var clientHeight = 0;if(document.body.clientHeight && document.documentElement.clientHeight){clientHeight = Math.min(document.body.clientHeight,document.documentElement.clientHeight);} else{clientHeight = Math.max(document.body.clientHeight,document.documentElement.clientHeight);}return clientHeight;}//获取文档完整高度function getScrollHeight(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);}/*经过测试发现,chrome浏览器的document.body.scrollHeight==document.documentElement.scrollHeight*/
利用上面这三个方法,结合window.onscroll事件,就可以简单实现一下网页拖到底部时自动添加内容或别的东西的方法。
window.onscroll = function(){var scrollTop = getScrollTop();var clientHeight = getClientHeight();var scrollHeight = getScrollHeight();if(scrollTop+clientHeight == scrollHeight){alert("到达底部");//ajax请求数据然后加到内容中去}
0 0
- JS获取页面高度方法小结
- js获取页面高度
- js获取页面高度
- js获取页面高度
- js获取页面高度
- js获取页面高度和宽度相关方法
- js获取页面各种高度
- js获取页面高度宽度
- Js获取页面高度宽度
- 引用 js获取页面高度
- js获取web页面高度
- JS获取页面宽度高度
- js动态获取页面高度
- JS获取页面高度、宽度
- js获取网页屏幕宽高度小结
- Js 获取页面宽度高度及屏幕分辨率
- js获取显示器、页面等高度
- js获取页面宽度高度及屏幕分辨率
- iBeacon(swift)
- POJ1321,深度优先搜索
- leetcode之路001 Two Sum
- 博客搭建在github上,国内访问不稳定,在csdn备份一份
- 如何远程管理没有任何配置的新交换机?
- JS获取页面高度方法小结
- 取出内容中插入图片的地址
- Codeforces Round #313 (Div. 2) D. Equivalent Strings 字符串处理
- <s:action>标签
- 捕获错误信息
- ecos
- sqlplus执行脚本文件时如何传参数
- ART学习笔记Thread SuspendAll部分
- [AD]在组策略中将客户端的远程桌面都打开