如何获得动态大小的div的新大小？

Question

当单击按钮时，我的div从页面底部向上滑动。我使用CSS转换并更改div的CSS“顶部”属性来执行此操作。如果div大小不变，则效果很好。因此，例如，如果div高400像素，我只需将其上移400像素，然后它就位。凉。

但是...如果div具有动态生成的内容并且每次都会具有不同的高度怎么办？我如何找出要向上移动div才能显示100％的数字？

所以在伪代码中，我想要类似

function movemydiv() {

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

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

任何最简单的方法提示？

Answer 1

您可以使用clientHeight或offsetHeight来测量div的高度。 clientHeight和offSetHeight都包含padding，但是offsetHeight也将考虑边框和水平滚动条（如果已渲染）-请参见MDN链接。

所以您的js类似于：

var howMuchToMoveIt = document.getElementById('mydiv').clientHeight;

然后var将包含元素的高度。

希望这会有所帮助