文档章节

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

呵呵闯
 呵呵闯
发布于 2016/06/13 22:29
字数 260
阅读 22
收藏 0
点赞 0
评论 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
博文 61
码字总数 15895
作品 0
深圳
程序员
阴影覆盖scroll overflow

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

上官胡闹
2016/09/09
22
0
jquery 取$(window).height()不准,如何解决?

var bodyheight=parent.$(window).height(); if(bodyheight<=0){ bodyheight=parent.document.body.offsetHeight; } var bodyscrollTop=parent.document.body.scrollTop; if(bodyscrollTop<=......

qicc
2012/12/05
6.8K
6
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
JS如何判断滚动条是否滚到底部

判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可...

隔壁家的孩子
2016/12/02
19
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
JQ判断滚动条是否到达页面底部,流加载

1.获取页面高度:var h=$(document.body).height();//网页文档的高度 2.获取滚动条距离浏览器窗口顶部高度:var c = $(document).scrollTop();//滚动条距离网页顶部的高度 3.获取浏览器显示区...

yxm2016
2017/11/07
0
0
判断滚动条到底部的JS代码

如果用jquery来实现的话就更简单了, 复制代码代码如下: $(window).scroll(function(){   var scrollTop = $(this).scrollTop();   var scrollHeight = $(document).height();   var w......

lwaif
2016/04/06
22
0
JS里怎样判断一个function执行完再执行下一个function

在这里Loaddata和Loaddata1是同时一起加载的 $(function () { $(window).scroll(function () { //当内容滚动到底部时加载新的内容 if ($(this).scrollTop() + $(window).height() + 20 >= $......

pengshirong
2016/01/13
9.6K
2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

ndarray花式索引

花式索引 花式索引(Fancy indexing)是一个NumPy术语,它指的是利用整数数组进行索引。假设我们有一个8×4数组: In [117]: arr = np.empty((8, 4))In [118]: for i in range(8): ....

火力全開
3分钟前
0
0
Mybaties报错Error querying database

Mybaties我们经常用到动态SQL,如下我们利用动态去做判断,这样写当然没问题,但是当我们不是去判断orgCode(本文中orgCode一直为String类型)是否为空而是判断orgCode是否是一个值的时候该怎...

王子城
5分钟前
0
0
Android 调用手机自带的下载器下载

亲测有用,原文下载地址: 原文地址:https://blog.csdn.net/weixin_36554045/article/details/79108796 下面是原文: 创建一个广播类 public class UpdataBroadcastReceiver extends Broad...

她叫我小渝
9分钟前
0
0
idea工具debug断点红色变成灰色,断点无效

来自:idea工具debug断点红色变成灰色 没事别瞎点,禁用了断点当然不走了 看这篇博客底下的评论笑死我了 真香警告!

不开心的时候不要学习
11分钟前
0
0
知识点总结

jq如何拿到data-info的自定义属性 1.1 原生可以获取到所有属性el.attrbutes 1.2 jq的$(el).attr('属性名称') 继承的几种方式,原型链 2.1 扩展原型对象实现继承 2.2 替换原型对象实现继承 2....

litCabbage
14分钟前
0
0
python语言规范

http://zh-google-styleguide.readthedocs.io/en/latest/google-python-styleguide/python_style_rules/...

ghou-靠墙哭
18分钟前
0
0
istio 监控,遥测 (理论)

Istio提供了一种灵活的模型来强制执行授权策略并收集网格中服务的遥测。 基础架构后端旨在提供用于构建服务的支持功能。它们包括诸如访问控制系统,遥测捕获系统,配额执行系统,计费系统等之...

xiaomin0322
20分钟前
0
0
阿里资深专家面试问题收集

corejava hashcode相等的两个对象一定相等吗?equals呢?反过来相等吗? 介绍一下集合框架? hashtable,hashmap底层实现是什么?hashtable和concurrenthashmap底层实现的区别? hashmap和treemap的...

undefine
21分钟前
8
0
alpine安装软件指定安装源

linux-alpine安装软件指定安装源 一、永久修改apk下载源地址 vi etc/apk/repositories 替换成阿里源 http://mirrors.aliyun.com/alpine/v3.8/main/http://mirrors.aliyun.com/alpine/v3...

我心中有猛狗
21分钟前
0
0
Centos7通过yum安装nginx

添加源地址(直接install可能不是最新版本的) sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm 安装 sudo yum install -y ng......

iplusx
23分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部