Question

我有一个内部有iframe的父html页面。这个iframe用div元素包装。我使用jquery切换功能来切换这个包装div元素来隐藏/显示iframe。问题在于切换后iframe中的元素的滚动参数不会被保留（如果我在某些iframe元素上设置一些滚动条，则在切换后不会保留它）。只是Mozilla问题！有什么解决方案吗？谢谢你的回应。

Answer 1

我有类似的问题并通过jquery改变div的css样式，并改变我放置谷歌地图iframe的地方来解决它。

问题

jquery代码：

<script type="text/javascript">    
$(function(){  
        $("#map_link").click(function(event) {  
            event.preventDefault();  
            $("#map").slideToggle();
        });  
    });
</script>

HTML：我有链接和谷歌地图iframe加载内联到div与display：none css样式。因为display：none样式使div宽度：0和height：0，所以google map中请求的地址无法正常显示。

<a id="map_link" href="#">See map.</a>
<div id="map" style="display:none">google_map_iframe_here</div>

解决方案

jquery代码

<script type="text/javascript"> 
$(function() {
    $("#map_link").click(function(event) {  
        event.preventDefault();
        $("#map").slideToggle(); 
        $("#map").html('google_map_iframe_here').css('display','block');
        });  
});
</script>

HTML：我以前用于放置地图的div是空的，因为我只在点击链接时才加载地图，此时我将显示的css样式从display：none更改为：block，so地图显示得很好。

<a id="map_link" href="#">See map.</a>
<div id="map" style="display:none"></div>

希望这有帮助！有一个很好的编码日！

Answer 2

您是否尝试将iframe从DIV标记中取出，然后将“隐藏”状态应用于iframe本身？您可以将其设置为style =“display：none;”显示/隐藏iframe ...

在Mozilla中切换后保留iframe内容滚动

2 个答案:

问题

解决方案