使用pop可滚动iframe?

时间:2016-02-13 07:08:43

标签: html css iframe

我被要求在网页中嵌入https://stallion-sphere.herokuapp.com,我在使用时遇到了问题:

<iframe src="https://stallion-sphere.herokuapp.com" width="1000" height="1200" scrolling="yes">
</iframe>

当点击种马领域的其中一匹马时,会出现一个弹出窗口,其中包含高度大于1200的马的细节,但它不会滚动以便您可以看到其余的马信息。

我的问题是,如何将马球嵌入HTML页面中,以便当有人点击马时,弹出窗口中显示的完整信息可以滚动浏览?

1 个答案:

答案 0 :(得分:0)

您可以在iframe上使用以下内容:

A -> aBdddd
B -> aaBddddd
B -> C
C -> bbbCcccc
C -> D
D -> bbccc

这将允许弹出滚动条。

这是一个jsbin:https://jsbin.com/dujemoqewa/edit?html,css,js,output

overflow:scroll

^^这是一种非常古老的方式,但您可以将它们混合以获得更好的跨平台兼容性。也就是说,只有一些浏览器不能很好地滚动iframe。那些像Jquery这样的东西可以用来获取动态内容。我也推荐这篇文章:

https://jsbin.com/dujemoqewa/edit?html,css,js,output