将div添加到页面会导致整个页面跳转

Question

所以我通过chitika投放广告，当广告加载时，div会附加到页面上。问题是，当我调用jquery的.append()时，它会导致整个页面“跳”下来。

这是我添加广告的方式：

$('.ad-box').append('<div class="ad" id="chitikaAdBlock-' + placement_id + '"></div>');

我尝试将每个CSS position属性添加到.ad-box，但似乎没有任何阻止跳转。

如果有人能帮助我弄清楚这个错误，我将非常感激。

Answer 1

只是做

$('.ad-box').append('<div style="position:absolute;" class="ad" id="chitikaAdBlock-' + placement_id + '"></div>');
                          ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ 

或者如果你不想那样，

试着在你的css中给.ad-block一个最小宽度和最小高度

Answer 2

如果您已经知道广告的尺寸，请通过CSS为家长.ad-box提供广告的高度。

.ad-box {
    height:[adHeight]px;
}

这样可以防止广告在到达时偏移页面上的其他元素。