Question

我有一个iframe，来自JavaScript，每20秒使用一次.load，它总是在短时间内移动网站，如弹出然后向下，在某种程度上我可以让它保持其位置??

您可以通过查看此网站上的广告来了解我的意思 - http://www.pixel.tv/

用于刷新它的代码就是这个

var adforsidetop = setInterval(function () {
    $('#forsidetop').fadeOut('slow', function() {
        $(this).load('/adsrefresh/forsidetop.html', function() {
            $(this).fadeIn('slow');
        });
    });
}, 20000); // milliseconds

那我怎么能拿到框架呢？没有弹出网站

Answer 1

问题在于，当元素淡出时，元素css display:设置为none，一种方法是添加代码来设置iFrame visibility: hidden，或者你可以简单地创建div。 1}}包含您的iFrame

<div id="iframe-container">
   <iframe></iframe>
</div>

并将div的css设置为与iframe相同

#iframe-container {
 height: xxxpx;
 width: xxxpx;
}

Answer 2

在 screen.css 中更改您的风格，如下所示：

.fAdvertisement.fBanner {
max-width: 728px;
max-height: 90px;
height: 90px
margin: 30px auto 0;
}

如何让iframe保持其位置？

2 个答案: