Question

我的网页内容会动态更改高度（jquery同位素插件）。我不希望动态内容下方的内容上下跳动，但保持不动。

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

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

谢谢，罗兰

Answer 1

为什么不将动态内容包装在div中，然后将该div赋予固定高度，这样内容只会在div中改变其高度，而下面的内容将保持不变。 / p>

这是一个例子

<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>

如何在内容更改高度以下固定内容的位置

1 个答案: