dongwu4834 2017-05-20 11:38
浏览 46

将内容从我的网站的一部分嵌入到另一个页面（响应）

I am trying to take the div #content of server list from here (same domain): http://bans.endlessgamers.com/index.php?p=servers

And embed it on a new page (same domain): http://www.endlessgamers.com/server-list/

The issue: I have managed to embed it fine with <iframe>, but the server list is responsive and expands/collapses when clicked. When I expand, I have to scroll in the <iframe> window to see the content. Is there a way to force my page to expand and collapse with the information in the <iframe> div?

Note: To replicate my issue click on hostname of server to expand or collapse it.

<head>
<script>
$("iframe").contents().find("#content").width()
</script>
</head>

<body>
    <iframe src="http://bans.endlessgamers.com/index.php?p=servers#content"></iframe>
</body>
  • 写回答

2条回答 默认 最新

  • dseomy1964 2017-05-20 12:05
    关注

    You can try set iframe height dynamic:

    //Initially set iframe height on load
$($("#elCmsPageWrap iframe")[0]).css("height",+$("#elCmsPageWrap iframe")[0].offsetParent.clientHeight);

//Set iframe height again when collapse/expand in table
$(".listtable tbody tr td").click(function(){
    $($("#elCmsPageWrap iframe")[0]).css("height",+$("#elCmsPageWrap iframe")[0].offsetParent.clientHeight);
});
    评论

报告相同问题？

悬赏问题

  • ¥15 vue3加ant-design-vue无法渲染出页面
  • ¥15 matlab（相关搜索：紧聚焦）
  • ¥15 基于51单片机的厨房煤气泄露检测报警系统设计
  • ¥15 路易威登官网 里边的参数逆向
  • ¥15 Arduino无法同时连接多个hx711模块，如何解决？
  • ¥50 需求一个up主付费课程
  • ¥20 模型在y分布之外的数据上预测能力不好如何解决
  • ¥15 processing提取音乐节奏
  • ¥15 gg加速器加速游戏时，提示不是x86架构
  • ¥15 python按要求编写程序