콘텐츠 높이 변경 내용 아래에서 콘텐츠의 위치를 ​​고정하는 방법

Question

동적으로 높이를 변경하는 콘텐츠가 내 웹 페이지에 있습니다 (jquery 동위 원소 플러그인). 나는 동적 인 내용의 밑에 내용이 상하로 뛰어 오르기를 그러나 아직도 체재하고 싶지 않다.

다음과 같아야합니다. 모든 픽셀에 대해 동적 콘텐츠가 커지면 아래 콘텐츠가 픽셀의 페이지에서 아래로 스크롤해야 위로 이동해야합니다. 동적 콘텐츠가 축소되는 모든 픽셀에 대해 페이지를 위로 스크롤해야합니다.

아래 내용이 절대적으로 의미있는 방식으로 가능합니까?

감사합니다, 롤랜드

Answer 1

당신이 사업부 내부의 동적 콘텐츠를 포장하지 않는 이유, 만 사업부 내 높이를 변경됩니다,이 방법을, 즉 고정 된 높이를 div에 내용을주고, 내용 아래에서 계속됩니다.

이

는 예를 노력에 대한

<style> 
    .wrapper { 
     width: 200px; 
     height: 500px; 
    } 

    .wrapper .dynamic { 
     background-color: crimson; 
     width: 100%; 
     height: 300px; 
    } 
</style> 

<div class="wrapper"> 
    <div class="dynamic"></div> 
</div> 
<p> 
    am the content, that should stay still. 
</p> 

<script> 
    var dynamic = document.getElementsByClassName('dynamic')[0]; 

    dynamic.addEventListener('mouseenter', function() { 
     dynamic.style.height = 500; 
    }); 

    dynamic.addEventListener('mouseleave', function() { 
     dynamic.style.height = 200; 
    }); 
</script>