Javascript 追加div会导致元素滚动到底部

因此，我试图在应用程序中的div底部添加一个广告框，但大多数情况下，当广告加载时，它会导致div滚动到底部

我正在使用的广告服务Chitika为我提供了HTML狙击手。所以我只是将snipit添加到我的主干模板中，每当我显示一个视图时，脚本就会运行并加载一个广告

例如，这位于我的模板底部：

<div class="ad-box">
    // Script they gave me. 
    // I edited it to append to the .ad-box div instead of the body
    <script type="text/javascript">
        ( function() {
             ...
             $('.ad-box').append('<div id="chitikaAdBlock-' + placement_id + '"></div>');
             ...
             }());
    </script>

</div>

添加后的添加外观：

<div id="chitikaAdBlock-3" class="chitikaAdContainer">
   <iframe class="chitikaAdBlock" frameborder="0" height="60" id="ch_ad3-0" marginheight="0" marginwidth="0" scrolling="no" src="about:blank" width="468" style="margin: 0px; padding: 0px;">
   </iframe>
 </div>

您的代码中实际上没有

chitikaAdBlock

CSS类，它是一个以

chitikaAdBlock

开头的id。。。但是我猜这只是帖子中的一个小错误…@webeno，检查更新它仍然是一样的，对不起：

append（'@webeno，是的，你是对的，添加了它。你知道为什么追加这个div会导致页面跳转到底部吗？lolcan你可以尝试在JSFIDLE中重新创建它吗？这会非常有帮助。。。
<div id="chitikaAdBlock-3" class="chitikaAdContainer">
   <iframe class="chitikaAdBlock" frameborder="0" height="60" id="ch_ad3-0" marginheight="0" marginwidth="0" scrolling="no" src="about:blank" width="468" style="margin: 0px; padding: 0px;">
   </iframe>
 </div>