如何修复内容位置低于内容更改高度

Question

我的网页中有动态变化高度的内容（jquery同位素插件）。我不希望低于动态内容的内容上下跳动，但保持静止。

我认为，我需要的是：对于动态内容增长的每个像素，下面的内容应该通过在页面中向下滚动一个像素来向上移动。对于动态内容缩小的每个像素，我必须向上滚动页面。

这是可能的方式，以下内容绝对静止？

感谢， 罗兰

Answer 1

你为什么不换一个div里面的动态内容，然后给该div固定的高度，这样的内容，将只在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>