js计算滚动条的高度，js如何获取整个滚动条的高度

js如何计算并赋予DIV高度

1、修改div高度，可以直接给div的width赋值即可。

2、思路：js监听窗口的缩放行为，然后动态获取浏览器的窗口可见大小，然后如果你的页面有页头页尾的话，掐头去尾，得到的就是内容部分100%时的高度，赋值进去便可。

3、几个需要注意的地方是image.src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么图片已经被下载过了，所以直接进行后面的就好。

4、div是块级元素，是独占一行的，设宽度不生效。

5、【注意】因为百度知道这几天的高亮显示不正常，下面代码中前面的空格都是【全角】，你复制粘贴之后自己用编辑器查找/替换全部吧。

6、var wt = document.getElementById(picBox).width；这样。另外推荐用jQuery写。

相关问答

Q1: js获取浏览器高度+上下滚动条的高度,也就是整个网页的高度,需求,要求...

1、outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。innerheight 返回窗口的文档显示区的高度。

2、简单点可以通过jquery来实现 scrollTop(offset) 方法返回或设置匹配元素的滚动条的垂直位置。offset 指的是滚动条相对于其顶部的偏移。如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。

3、.height()；//获取高度如果你想要匹配高度，那么，就是页面刚刚打开其实没有数据，是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

4、outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。innerheight 返回窗口的文档显示区的高度。innerwidth 返回窗口的文档显示区的宽度。

5、(body).append(height： + $(document).height() + )；(body).append(width： + $(document).width())；浏览器运行index.html页面，此时会打印出界面最大可以滚动的文档宽度和文档高度。

Q2: js的onscroll、scrollTop、scrollHeight及window.scroll

1、当拖动滚动条时就会触发wrap的onscroll事件，而不是inner的onscroll事件，即这滚动条属于wrap而不是属于inner，明白这点十分重要，对下面理解的scrollTop、scrollHeight一样道理。

2、document.body.scrollHeight（scrollWidth）：获得网页正文全文高和宽，包含边线宽度。document.body.scrollTop（scrollLeft）：浏览器窗口顶部与文档顶部之间的距离（浏览器窗口与文档左侧之间的距离），也就是滚动条滚动的距离。

3、scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。so，滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。

4、原生JS操作：document.body.scrollTop=0；jQuery操作：$(document).scrollTop(0)；scrollY scrollY，读取页面滚动条的垂直距离，貌似只能读取不能设置（属于 window 的属性）。

Q3: jquery获取滚动条高度和位置

首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字。然后在上方引入jQuery的脚本，编辑js脚本，使用bind方法绑定浏览器的scroll事件，监听网页滚动，之后用scrollTop()获取垂直滚动距离，最后弹出输出的值即可。

Jquery可以用height()，来获取DOM元素的高。

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

你的描述很不清楚，我只能认为元素位于浏览器正中位置了。因为对于滚动条只能获取它的scrollTop，那么只能在这个上面想办法。

Q4: js如何获取滚动条的高度

另外附上jquery的实现方式。需要三个高度： scrollHeight（文档内容实际高度， 包括超出视窗的溢出部分 ）、 scrollTop（滚动条滚动距离）、 clientHeight（窗口可视范围高度）。

首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字。然后在上方引入jQuery的脚本，编辑js脚本，使用bind方法绑定浏览器的scroll事件，监听网页滚动，之后用scrollTop()获取垂直滚动距离，最后弹出输出的值即可。

本文要探讨的是，当这两个容器元素的内容都超出了容器高度，即都出现了滚动框的时候，如何在其中一个容器元素滚动时，让另外一个元素也随之滚动。

兼容性问题：获得整个文档scrollTop，IE是document.documentElement.scrollTop，FF/CH则是document.body.scrollTop.scrollHeight 解释：元素滚动条内的内容高度。

clientWidth：获取对象的宽度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。offsetHeight：获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。

Q5: js中的scrollHeight是什么意思

scrollHeight： 获取给定对象的滚动高度。scrollHeight IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeight。

当 clientHeight + scrollTop = scrollHeight 时，表示已经抵达内容的底部了，可以加载更多内容。

document.documentElement.scrollHeight（scrollWidth）：获得网页正文全文高和宽，包含边线宽度。

解释：元素滚动条内的内容高度。scrollHeight同scrollTop属性一样，只有DOM元素才有，window/document没有。不同的是scrollHeight是只读，不可设置。

js计算滚动条的高度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js如何获取整个滚动条的高度、js计算滚动条的高度的信息别忘了在本站进行查找喔。