获取滚动条高度,页面宽度(高度)
来源:互联网 发布:校园网络管理 编辑:程序博客网 时间:2024/04/29 06:44
常用页面窗口大小获取:
$(window).height() ==>浏览器时下窗口可视区域高度
$(document).height() ==>浏览器时下窗口文档的高度
$(document.body).height()==>浏览器时下窗口文档body的高度
$(document.body).outerHeight(true)==>浏览器时下窗口文档body的总高度 包括border padding margin
$(document).scrollTop()==>获取滚动条到顶部的垂直高度
$(document).scrollLeft() ==>获取滚动条到左边的垂直宽度
document.body.clientWidth==>(网页)可视区域宽度
document.body.clientHeight==>(网页)可视区域高度
document.documentElement.clientWidth==>页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
document.body.offsetWidth==>(网页)可视区域宽度(包括边线的宽)
document.body.offsetHeight==>(网页)可视区域高度(包括边线的宽)
document.body.scrollWidth ==>网页正文全文宽
document.body.scrollHeight ==>网页正文全文高
window.screen.availHeight==>屏幕可用工作区高度
document.body.scrollTOP==>网页被卷去的高(即到顶部的距离,TOP可换成Left)
<script>
/*
* 取窗口滚动条高度*/
var getScrollTop = function() {
var scrollTop = 0;
if (document.documentElement && document.documentElement.scrollTop) {
scrollTop = document.documentElement.scrollTop;
} else if (document.body) {
scrollTop = document.body.scrollTop;
}
return scrollTop;
}
/*
* 取窗口可视范围的高度
*/
var getClientHeight = function() {
var clientHeight = 0;
if (document.body.clientHeight && document.documentElement.clientHeight) {
var clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight
: document.documentElement.clientHeight;
}else {
var clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight
: document.documentElement.clientHeight;
}
return clientHeight;
}
$(function(){
$(window).scroll(function(){ //scroll()滚动条滚动事件
if(getScrollTop()>getClientHeight()){
//alert('aa');
}
})
})
* 取文档内容实际高度
*/
var getScrollHeight = function() {
return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
}
</script>
- 获取滚动条高度,页面宽度(高度)
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度[转]
- JavaScript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- [转] javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- jquery获取浏览器高度、宽度和滚动条高度
- jquery获取浏览器高度、宽度和滚动条高度
- jquery获取浏览器高度、宽度和滚动条高度
- 窗体、滚动条宽度和高度获取以及document.body和document.documentElement,document.compatMode解释(网页高度宽度)
- Siverlight 获取浏览器信息(高度、宽度、滚动条位置.....)
- js获取宽度高度,跳转,滚动条时间
- ubuntu 下创建和访问共享文件夹
- nginx源码初读(6)--让烦恼从数据结构开始(ngx_list)
- 利用jmeter 自动化创建数据
- java动态控制线程的启动和停止
- vector的几种初始化和遍历
- 获取滚动条高度,页面宽度(高度)
- Java Reflection(十一):动态代理
- Unity教程之-制作闪亮的星星Star(一):动态的创建Mesh
- iOS-多线程编程学习之pthread创建线程(二)
- java多线程中一些零碎知识点
- iOS开发之支付宝集成
- 对象等同性
- Remote shell with telnet on windows platform
- 联芯代码如何去掉QuickSetting下蓝牙及wifi快捷图标