js 判断屏幕滑动到底部
来源:互联网 发布:淘宝美工培训班学费 编辑:程序博客网 时间:2024/05/22 04:44
js 判断屏幕滑动到底部
DTD已声明
IE
document.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 浏览器滚动部分高度,document.body.scrollTop 始终为0
document.documentElement.clientHeight 浏览器可视部分高度,document.body.clientHeight 浏览器所有内容高度
FF
document.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 浏览器滚动部分高度,document.body.scrollTop 始终为0
document.documentElement.clientHeight 浏览器可视部分高度,document.body.clientHeight 浏览器所有内容高度
Chrome
document.documentElement.scrollHeight 浏览器所有内容高度, document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0,document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 浏览器可视部分高度,document.body.clientHeight 浏览器所有内容高度
DTD未声明
IE
document.documentElement.scrollHeight 浏览器可视部分高度,document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0,document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 始终为0,document.body.clientHeight 浏览器可视部分高度
FF
document.documentElement.scrollHeight 浏览器可视部分高度, document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0,document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 浏览器所有内容高度,document.body.clientHeight 浏览器可视部分高度
Chrome
document.documentElement.scrollHeight 浏览器可视部分高度,document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0,document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 浏览器所有内容高度,document.body.clientHeight 浏览器可视部分高度
浏览器所有内容高度即浏览器整个框架的高度,包括滚动条卷去部分+可视部分+底部隐藏部分的高度总和
浏览器滚动部分高度即滚动条卷去部分高度即可视顶端距离整个对象顶端的高度。
综上
1、document.documentElement.scrollTop和document.body.scrollTop始终有一个为0,所以可以用这两个的和来求scrollTop
2、scrollHeight、clientHeight 在DTD已声明的情况下用documentElement,未声明的情况下用body
这里之前有误, document.compatMode 可以用来判断是否声明了DTD, 值为"BackCompat":未声明,值为"CSS1Compat":已声明。
window.onscroll = function () { if ((document.documentElement.scrollHeight) == (document.documentElement.scrollTop | document.body.scrollTop) + document.documentElement.clientHeight) { reload(); }}
- js 判断屏幕滑动到底部
- Js判断H5上下滑动方向及滑动到顶部和底部判断
- ScrollView手动滑动到屏幕底部,fullScroll
- iOS-判断webView是否滑动到底部
- ScrollView判断滑动到底部和顶部
- 判断RecycleView是否滑动到底部
- js监听滚动条滑动到底部
- js滑动到底部加载更多
- js 判断滚动条滚动到底部
- js判断滚动条是否到底部
- ScrollView监听停止滑动,判断是否滑到底部
- 如何快速判断滚动控件滑动到底部
- iOS UITableView(UIScrollView)滑动到底部的判断
- android ScrollView判断滑动到底部的两种方式
- Android笔记之判断ListView滑动到顶部或底部
- 判断ScrolllView是否滑动到底部和顶部
- iOS UITableView(UIScrollView)滑动到底部的判断
- 判断div滑动到底部的scroll代码
- 用yum只下载rpm包而不安装
- 导入H5Canvas到QmlCanvas 注意事项
- UVa 10570 Meeting with Aliens
- Ext.form.Layout布局--column布局
- 开发板移植ar9271网卡驱动问题
- js 判断屏幕滑动到底部
- listview实现新浪微博
- Linux 网络编程——并发服务器的三种实现模型
- 更新升级eclipse软件
- 最长回文子字符串问题
- DX 中的坐标变换
- 几个iOS工程通用模块介绍
- linux命令(7)——mv命令
- 表单一