2014-02-07 59 views
1

我有一個DIV,它有一個圖像滑塊,我正在試圖獲得放置另一個DIV的高度。爲什麼得到offsetHeight給出了一個錯誤

<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和調整大小無論高度所以會發生什麼是的div div是,陰影圖像將在它下面。

我得到的大小調整功能的錯誤這條線:var height = document.getElementById('divss').offsetHeight;

的錯誤是Object required

我該如何解決?或者更好的是,無論瀏覽器的大小如何,我總能確保陰影圖像總是低於div div。

回答

1

Try,

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