2014-02-07 3 views
1

이미지 슬라이더가있는 DIV가 있고 그 아래에 다른 DIV를 놓을 높이를 얻으려고합니다. 페이지가 그림자 이미지가 divss의 DIV 아래와 크기 조절 어떤 높이에 잘 될 것입니다로드 할 때offsetHeight에서 오류가 발생하는 이유

$(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(); 

그래서 무슨이다 : 나는 높이를 얻기 위해 다음의 jQuery 기능을 사용하고

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

divss div의 그림자 이미지가 아래에 있습니다.

나는이 라인의 크기 조정 기능에 오류가 점점 오전 : var height = document.getElementById('divss').offsetHeight;

오류는 Object required입니다.

어떻게 수정합니까? 또는 더 나은 방법은, 그림자의 크기가 브라우저의 크기에 관계없이 항상 divss div 아래에 있도록하는 방법은 무엇입니까?

답변

1

시도해보십시오.

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