怎么监测当前页面相对于整个页面的高度

怎么监测当前页面相对于整个页面的高度,第1张

function getDocHeight(doc)

{

//在IE中docbodyscrollHeight的可信度最高

//在Firefox中,docheight就可以了

var docHei = 0;

var scrollHei;//scrollHeight

var offsetHei;//offsetHeight,包含了边框的高度

if (docheight)

{

//Firefox支持此属性,IE不支持

docHei = docheight;

}

else if (docbody)

{

//在IE中,只有bodyscrollHeight是与当前页面的高度一致的,

//其他的跳转几次后就会变的混乱,不知道是依照什么取的值!

//似乎跟包含它的窗口的大小变化有关

if(docbodyoffsetHeight) docHei = offsetHei = docbodyoffsetHeight;

if(docbodyscrollHeight) docHei = scrollHei = docbodyscrollHeight;

}

else if(docdocumentElement)

{

if(docdocumentElementoffsetHeight) docHei = offsetHei = docdocumentElementoffsetHeight;

if(docdocumentElementscrollHeight) docHei = scrollHei = docdocumentElementscrollHeight;

}

/

docHei = Mathmax(scrollHei,offsetHei);//取最大的值,某些情况下可能与实际页面高度不符!

/

return docHei;

}

网页可见区域宽:documentbodyclientWidth;

网页可见区域高:documentbodyclientHeight;

网页可见区域高:documentbodyoffsetWidth

(包括边线的宽);

网页可见区域高:documentbodyoffsetHeight

(包括边线的宽);

网页正文全文宽:documentbodyscrollWidth;

网页正文全文高:documentbodyscrollHeight;

网页被卷去的高:documentbodyscrollTop;

网页被卷去的左:documentbodyscrollLeft;

网页正文部分上:windowscreenTop;

网页正文部分左:windowscreenLeft;

屏幕分辨率的高:windowscreenheight;

屏幕分辨率的宽:windowscreenwidth;

屏幕可用工作区高度:windowscreenavailHeight;

屏幕可用工作区宽度:windowscreenavailWidth;

Mathmax(documentdocumentElementscrollHeight, documentdocumentElementclientHeight) + "px";

一般是取clientHeight和scrollHeight的最大值

用他来取他们的最大值

您好,我来为您解答: windowdocumentbodyclientHeight就可以 windowscreenavailWidth 返回当前屏幕宽度(空白空间) windowscreenavailHeight 返回当前屏幕高度(空白空间) windowscreenwidth 返回当前屏幕宽度(分辨率值) windowscreenheight 返回当前屏幕高度(分辨率值) windowdocumentbodyoffsetHeight; 返回当前网页高度 windowdocumentbodyoffsetWidth; 返回当前网页宽度 转载,仅供参考。 如果我的回答没能帮助您,请继续追问。

js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域,仅为页面呈现区域)的高度和宽度

宽度:documentdocumentElementclientWidth

高度:documentdocumentElementclientHeight

文档类型:XHTML10

浏览器:ALL

页可见区域宽: documentbodyclientWidth

网页可见区域高: documentbodyclientHeight

网页可见区域宽: documentbodyoffsetWidth (包括边线的宽)

网页可见区域高: documentbodyoffsetHeight (包括边线的高)

网页正文全文宽: documentbodyscrollWidth

网页正文全文高: documentbodyscrollHeight

网页被卷去的高: documentbodyscrollTop

网页被卷去的左: documentbodyscrollLeft

网页正文部分上: windowscreenTop

网页正文部分左: windowscreenLeft

屏幕分辨率的高: windowscreenheight

屏幕分辨率的宽: windowscreenwidth

屏幕可用工作区高度: windowscreenavailHeight

屏幕可用工作区宽度: windowscreenavailWidth

1、首先在html页面上,看到有一个按钮,要获得这个按钮离顶部的距离。

2、在按钮的事件函数里,先取这个按钮的offset数据,通过jquery的offset方法。

3、得到的结果是一个数组对象,只要获取里面的top数据就行了。

4、使用log方法,把数据输出到浏览器的控制台。

5、运行页面,看到现在的按钮位置。距离顶部估计是500px左右吧,点击一下这个按钮。

6、然后看一下控制台上的数据,得到距离为439的像素。

以上就是关于怎么监测当前页面相对于整个页面的高度全部的内容,包括:怎么监测当前页面相对于整个页面的高度、在html中,怎么获取当前页面body的高度,body是没有设置高度的,但是里面有内容、JS怎么获取页面的高度,包括不可见内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9333019.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存