获取视口的非滚动高度

小白

我想知道当前显示的当前视口或屏幕的高度。这意味着,如果由于溢出而未显示页面的某些部分,则不应包含该部分。

以下所有内容都给了我相同的结果,其中包括页面的滚动/不可见区域-

$(document).height();
$(windows).height();
document.body.clientHeight;

有人可以让我知道如何知道JS或jQuery中文档当前可见区域的高度吗?

施密特

我不明白你的问题。$(window).height()应该返回视口的高度,不包括需要滚动的任何内容。如果您查看文档,您将阅读:

// Returns height of browser viewport
$( window ).height();

// Returns height of HTML document
$( document ).height();

一种替代方法是使用window.innerHeight但这和$(window).height()我一样。

要获取屏幕的高度,可以使用screen.height屏幕对象)。这将返回整个屏幕的高度(包括浏览器的顶部栏和Windows任务栏)。screen.availHeight相反,仅包含浏览器的顶部栏。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在移动设备上滚动时,视口高度使闪烁闪烁

来自分类Dev

jQuery在'X'视口高度滚动后添加CSS类

来自分类Dev

视口高度元标记

来自分类Dev

视口高度元标记

来自分类Dev

如何隐藏滚动条,但仍可以滚动高度超过视口的div?

来自分类Dev

基于视口高度的动态高度

来自分类Dev

基于视口高度的剩余视口宽度的CSS

来自分类Dev

Bootstrap,在使用视口高度时向下滚动后如何使导航栏保持粘性?

来自分类Dev

如何在 window.innerheight 中滚动 50% 的视口高度

来自分类Dev

页面高度达到视口的100%?

来自分类Dev

HTML部分的视口高度为100%

来自分类Dev

如何根据视口高度缩小图像?

来自分类Dev

动画高度到视口底部

来自分类Dev

如何在Webview中获取缩放的视口的宽度和高度?

来自分类Dev

元素溢出视口并导致水平滚动

来自分类Dev

在视口滚动时显示元素

来自分类Dev

在RTL模式下获取可滚动DIV视口的更好方法?

来自分类Dev

在滚动时获取元素与视口右侧之间的距离以更改div的宽度

来自分类Dev

如何使div视口高度,而不是CSS中的页面高度?

来自分类Dev

根据视口高度及其位置自动计算div的高度

来自分类Dev

高度未知的中心 div 高于视口高度

来自分类Dev

不要在iframe滚动Javascript的末尾滚动视口

来自分类Dev

如何以编程方式滚动到滚动视口的末尾?

来自分类Dev

从mapView获取视口坐标?regionDidChanged迅速

来自分类Dev

在显示之前获取QScrollArea视口的大小

来自分类Dev

当容器大于视口时,将高度设置为浏览器视口的100%?

来自分类Dev

移动Safari-视口设备高度无法正常工作

来自分类Dev

根据视口宽度动态调整图像高度

来自分类Dev

如果文档高度高于视口,请执行X

Related 相关文章

  1. 1

    在移动设备上滚动时,视口高度使闪烁闪烁

  2. 2

    jQuery在'X'视口高度滚动后添加CSS类

  3. 3

    视口高度元标记

  4. 4

    视口高度元标记

  5. 5

    如何隐藏滚动条,但仍可以滚动高度超过视口的div?

  6. 6

    基于视口高度的动态高度

  7. 7

    基于视口高度的剩余视口宽度的CSS

  8. 8

    Bootstrap,在使用视口高度时向下滚动后如何使导航栏保持粘性?

  9. 9

    如何在 window.innerheight 中滚动 50% 的视口高度

  10. 10

    页面高度达到视口的100%?

  11. 11

    HTML部分的视口高度为100%

  12. 12

    如何根据视口高度缩小图像?

  13. 13

    动画高度到视口底部

  14. 14

    如何在Webview中获取缩放的视口的宽度和高度?

  15. 15

    元素溢出视口并导致水平滚动

  16. 16

    在视口滚动时显示元素

  17. 17

    在RTL模式下获取可滚动DIV视口的更好方法?

  18. 18

    在滚动时获取元素与视口右侧之间的距离以更改div的宽度

  19. 19

    如何使div视口高度,而不是CSS中的页面高度?

  20. 20

    根据视口高度及其位置自动计算div的高度

  21. 21

    高度未知的中心 div 高于视口高度

  22. 22

    不要在iframe滚动Javascript的末尾滚动视口

  23. 23

    如何以编程方式滚动到滚动视口的末尾?

  24. 24

    从mapView获取视口坐标?regionDidChanged迅速

  25. 25

    在显示之前获取QScrollArea视口的大小

  26. 26

    当容器大于视口时,将高度设置为浏览器视口的100%?

  27. 27

    移动Safari-视口设备高度无法正常工作

  28. 28

    根据视口宽度动态调整图像高度

  29. 29

    如果文档高度高于视口,请执行X

热门标签

归档