javascript - 获取javascript中滚动条出现的高度

标签 javascript jquery dom

以下是提出此问题的几种方法:

  • 如何获取页面开始出现滚动条的高度(以像素为单位)?换句话说,我如何获得滚动条出现的窗口高度?

  • 如何获得页面上所有没有相对元素的最大高度 高度(例如高度:100%)?

这个问题是相关的,但在相对高度的情况下答案并没有达到我想要的效果:Finding the full height of the content of a page/document that can have absolutely positioned elements

我对我正在谈论的内容做了一个js fiddle :http://tinyurl.com/kgf8dae 。不幸的是,jsfiddle 似乎破坏了 div e 上的相对高度 - 在普通浏览器中将其作为 html 页面运行以查看真实行为。

最佳答案

我可能误解了这个问题。一般来说,如果窗口高度小于文档高度,您将得到一个垂直滚动条。

因此,在 jQuery 中,检查可能如下所示:

if( $(document).height() > $(window).height() ){ /* There will be a scrollbar */ }

您可以在 DOM 更改和窗口大小调整事件中执行此检查,以确定是否出现了滚动条。要预先确定事件是否会导致滚动条出现可能很棘手,并且可能需要对页面和潜在事件有一定的了解才能有效处理。

关于javascript - 获取javascript中滚动条出现的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17118566/

相关文章:

jquery css更改导致typeError为null

javascript - 查找明确设置了 CSS 字段的标签

java - 重用 servlet 生成的图像

javascript - 使用连字符验证 Javascript 中的电话号码

jQuery 正则表达式,文件名中允许多个点

javascript - 使用 jeditable 控制文本区域的大小

javascript - 单击 HTML 后如何保持选择?

javascript - 是否可以使用 JavaScript 两次设置相同的 CSS 属性?

css - 是否有任何浏览器开发工具可以向您显示元素的 DOM 级别,以便我知道如何使用 CSS 选择它?

jquery - 有没有办法根据 jQuery 中的 DOM 元素生成 CSS 选择器