时间戳

首页 > 解决方案 > 加载 iframe 时网页滚动卡住

javascript - 加载 iframe 时网页滚动卡住

问题描述

我正在开发游戏网站。当我加载包含 的内页iframe时，当用户在加载页面时向下或向上滚动时，页面会卡住一段时间。这只发生在包含iframe.

我为此搜索了很多，但没有得到任何解决方案。

我不知道，但这个问题可能会导致 iframe 开始加载直到完成。

我尝试用标签替换iframe并embed尝试在页面加载后加载 iframe，但两者都不适用于我。

我直接使用的 iframe/嵌入代码

<iframe id="game-loader-iframe" src="<?php echo $game_detail['game_iframe_code'];?>" width="100%" height="100%"></iframe>

或者

<embed id="game-loader-iframe" src="<?php echo $game_detail['game_iframe_code'];?>" width="100%" height="100%">

下面的代码我用来在页面加载后加载 iframe

<script>
        $(function() {
          $('<iframe />').attr('src', "<?php echo $game_detail['game_iframe_code'];?>")
            .attr('width', "100%")
            .attr('height', "100%")
            .appendTo('#player'); 
        });
    </script>

有谁知道解决方法，请帮忙。

提前致谢。

标签： javascripthtmliframe

解决方案

推荐阅读