Question

我有一个DIV，它有一个图像滑块，我正试图获得将另一个DIV放在下面的高度。

<div id="divss">
   ... image slider contents
</div>
<div id="imgShadow">
    <img src="shadow_below_content.png" />
</div>

我使用以下jQuery函数来获取高度：

    $(function () {
         var height = document.getElementById('divss').offsetHeight;
         $("#imgShadow").css('top', height + "px");
    });
    $(window).on("resize", function () {
         var height = document.getElementById('divss').offsetHeight;
         $("#imgShadow").css('top', height + "px");
         //alert(height);
    }).resize();

所以会发生什么情况是当页面加载阴影图像时会在divss DIV的正下方，并且无论divs div的高度如何，调整大小时阴影图像都会低于它。

我在此行的调整大小功能中收到错误：var height = document.getElementById('divss').offsetHeight;

错误为Object required。

我该如何解决？或者更好的是，无论浏览器的大小如何，我怎样才能始终确保阴影图像始终低于div div？

Answer 1

尝试，

$(window).resize(function () {
         var height = document.getElementById('divss').offsetHeight;
         $("#imgShadow").css('top', height + "px");
         //alert(height);
    });

为什么让offsetHeight给出错误

1 个答案: