var winHeight=$(window).height();这句话是获取屏幕高度，请问我怎样应用到具体某个div里呢？

Posted 2023-04-17

$(window)是jquery 对象， 加.height()  也是就是获取窗口高度

同理，如果你想获取某个div的高度可以使用

var divHeight = $("div").height();
/*或者*/
var divHeight = $("div")[0].offsetHeight;

$("div")是jquery对象，$("div")[0] 或者 $("div").get(0)是dom对象

但是在开发中会有很多坑  这点你得注意

如果 当前的 元素是 隐藏状态 display ： none  

那你是无法通过上述方法和获取宽高的  ，所以在开发中如果没有获取到宽高，就要留意上面的代码在执行的时候 该元素是不是在隐藏状态

如果你想把 屏幕的高度 赋值给div  

$("div").height(winHeight)
// 或者
$("div")[0].offsetHeight = winHeight

参考技术A

把window改成某个div的id就行

$("#id").height();
id就是某个div的id

2.补充：

参考技术B

不知你的应用到div里是什么意思。我理解的有两种可能：

1。获取具体某个div的高度，假定该div class 为 a

同题干中的代码，直接获取

var divHeight = $('.a').height()

2。是将屏幕高度值赋给具体某个div

还是假定div的class为a

$('.a').height(winHeight)

参考技术C

我没用过jquery，但我知道用js怎么做。

比如要获取<div id="test"></div>的高度，就这样：

var e = document.querySelector("div#test");
var h = window.getComputedStyle(e).height;

PS：其他的回答都不对，无法获取浮动高度元素的高度值。

比如一个div本身没有设置高度，它的高度是被子元素撑开的。那么这时你必须使用window.getComputedStyle来获取浏览器计算渲染后的高度。

参考技术D 如果你需要设置div高度为屏幕高度，只需将div的样式height设为100%即可；如果你要将div设在固定屏幕的位置，使用固定定位也可以。

手机弹出键盘 窗口改变事件

var winHeight = $(window).height();
$(window).resize(function () {
var thisHeight = $(this).height();
if (winHeight - thisHeight > 50) {
setTimeout(function () { window.scrollTo(0, document.body.scrollHeight); }, 300)  // 滚动条加载到底部；
} else {
//窗口发生改变(小),故此时键盘收起
//当软键盘收起，在此处操作
}
});