Javascript 如何获取动态大小div的新大小?

Javascript 如何获取动态大小div的新大小?,javascript,css,Javascript,Css,我有一个div,当点击按钮时,它会从页面底部向上滑动。我使用css转换和更改div的css“top”属性来实现这一点。如果div的大小从未更改,那么效果很好。举个例子,如果div是400px高,我只是把它向上移动400px,它现在就就位了。酷 但是。。。如果div具有动态生成的内容,并且每次都具有不同的高度,该怎么办?我怎样才能计算出为了100%的展示,应该将div向上移动多少 所以在伪代码中,我想要 function movemydiv() { var howMuchToMoveIt = ?

我有一个div,当点击按钮时,它会从页面底部向上滑动。我使用css转换和更改div的css“top”属性来实现这一点。如果div的大小从未更改,那么效果很好。举个例子,如果div是400px高,我只是把它向上移动400px,它现在就就位了。酷

但是。。。如果div具有动态生成的内容,并且每次都具有不同的高度,该怎么办?我怎样才能计算出为了100%的展示,应该将div向上移动多少

所以在伪代码中,我想要

function movemydiv() {

var howMuchToMoveIt = ??? (somehow getting the dynamic containers height)

document.getelementbyId("mydiv").style.top = bottomOfScreen - howMuchToMoveIt

关于最简单的方法的任何提示???

你可以使用或来测量你的div的高度。 Clienth8和Offsetlight都包含填充,但偏移也将考虑边框和水平滚动条(如果渲染)-请参见MDN链接

因此,您的js将类似于:

var howMuchToMoveIt = document.getElementById('mydiv').clientHeight;
var将包含元素的高度


希望这有助于

这可能有助于考虑发布<代码> HTML<代码>结构和<代码> JavaScript < /Cord>部分,它将动态大小分配给<代码> div <代码>。