js 如何 获取（fiexd的）元素到浏览器的高度

获取浏览器窗口的高度，减去这个元素的top的高度，如果是用bottom定位，就直接获取bottom的值就好了啊比如id为fix就getElementById(‘fix’)stylebottom这样

jQuery的api文档中有列出来，获取网页的滚动高度用方法：scrollTop() 即可。注意：要获取网页的滚动高度，兼容所有浏览器的写法是获取window对象然后调用scrollTop()函数。简单示例：alert($(window)scrollTop());jQuery的api文档目录翻译见：

jquery:

高度：$(window)height()

宽度：$(window)width();

浮动定位：$(option)css({top:(($(window)height()-$(option)height())/2)+'px'})

option 为你的浮动框识别class或识别id

通过window对象来得到窗口相关的内外款高度信息，如下：

outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。

outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。

innerheight 返回窗口的文档显示区的高度。

innerwidth 返回窗口的文档显示区的宽度。

在浏览器兼容方面：

所有主流浏览器都支持 outerWidth 和 outerHeight 属性。

注意：IE 8 及更早 IE 版本不支持该属性。

所有主流浏览器都支持 innerWidth 和 innerHeight 属性。

注意：IE 8 及更早 IE版本不支持这两个属性。

示例（我笔记本分辨率1366x768，浏览器全屏显示，测试）：

documentwrite("outerWidth: " + windowouterWidth + " outerHeight: " + windowouterHeight); // 显示：outerWidth: 1366 outerHeight: 768

documentwrite("innerWidth: " + windowinnerWidth + " innerHeight: " + windowinnerHeight); // 显示：innerWidth: 1366 innerHeight: 705

innerHeight、innerWidth。截止至2022年12月26日，在chrome浏览器的控制台中，输入innerHeight、innerWidth可分别获取文档的高度和宽度。GoogleChrome是一款由Google公司开发的网页浏览器，该浏览器基于其他开源软件撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

以上就是关于js 如何 获取（fiexd的）元素到浏览器的高度全部的内容，包括:js 如何 获取（fiexd的）元素到浏览器的高度、怎么获取网页高度，屏幕高度，滚动高度、JS如何获取浏览器有效宽度和高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！