文档章节

(document).height()和$(window).height()、scrollTop

呵呵闯
 呵呵闯
发布于 2016/06/13 22:29
字数 260
阅读 25
收藏 0

jQuery(window).height()代表了当前可见区域的大小

jQuery(document).height()则代表了整个文档的高度,可视具体情况使用

注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变,但是jQuery(document).height()是不变的。

$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离 ,在chrome里面试了下,与$(window).scrollTop()得到的值相同

$(document).scrollLeft() 这是获取水平滚动条的距离

要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了

要获取底端 只要获取scrollTop()>=$(document).height()-$(window).height() 就可以知道已经滚动到底端了

$(document).height() //是获取整个页面的高度

$(window).height() //是获取当前 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的 

© 著作权归作者所有

共有 人打赏支持
呵呵闯
粉丝 3
博文 77
码字总数 20722
作品 0
深圳
程序员
私信 提问
阴影覆盖scroll overflow

1.对于允许滚动的页面阴影的高度为document的高度$(document).height() 2.网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取 3.当网页滚动条拉到最底端时,$(docum...

上官胡闹
2016/09/09
22
0
js左移右移边距问题

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.bod...

前端_牛牛
2016/04/29
49
0
获取屏幕宽度、浏览器宽度、网页高度,宽度信息

视图模式innerWidth/innerHeight属性(窗口大小) window.innerHeight window.innerWidth window.pageYOffset:Netscape属性,指的是滚动条顶部到网页顶部的距离 网页可见区域宽:document.bo...

飞奔的土豆
2014/09/05
0
0
页面滚动动态加载数据,页面下拉自动加载内容 (jquery)

<!DOCTYPE=html> <html> <head> <script src="jquery-1.7.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ var range = 50; //距下......

zyt_1978
2016/07/10
49
0
jQuery中的$(window)与$(document)的用法区别

[window对象] 它是一个顶层对象,而不是另一个对象的属性,即表示浏览器中打开的窗口。 1、属性   defaultStatus 缺省的状态条消息   document 当前显示的文档(该属性本身也是一个对象)  ...

艺晨光
2017/05/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Quartz + Oracle 分布式Job实现

简述 实现 依赖包 <dependency><groupId>org.quartz-scheduler</groupId><artifactId>quartz</artifactId><version>2.2.3</version><exclusions><exclusion><groupId>com.zax......

呼呼南风
13分钟前
4
0
崛起于Springboot2.X之集成规则引擎Drools(41)

1、创建Springboot项目,勾选Web模块和lombok插件 2、添加pom其他依赖 <dependency> <groupId>org.kie</groupId> <artifactId>kie-spring</artifactId> <version>7.11.0.Fin......

木九天
21分钟前
4
0
怎样使用Chrome浏览器截取整个网页?

1、打开控制台:Ctrl + Shift + I 2、命令执行:Ctrl + Shift + P 3、Capture full size screenshot 浏览器会自动下载截图图片,推荐过几个扩展功能: 1.全屏幕截取网页编辑共享神器-Awesom...

近在咫尺远在天涯
25分钟前
4
0
Ubuntu下提示WPS字体缺失解决

Ubuntu 下提示WPS字体缺失解决 Ubuntu下安装wps成功后,首次打开WPS会提示一个系统检查的错误信息,如下图所示: 产生的原因是:WPS在Ubuntu下找不到相应的字体,我们需要自己手动的添加一下...

calmsnow
26分钟前
1
0
Spring Boot实现邮件服务,附常见邮箱的配置

1. pom.xml文件中引入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-mail</artifactId></dependency> 2. 接口及实现......

豫华商
29分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部