gpt4 book ai didi

html - 使用 pop 使 iframe 可滚动?

转载 作者:行者123 更新时间:2023-11-28 06:24:12 25 4
gpt4 key购买 nike

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

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

因为当单击种马球体中的一匹马时,会出现一个弹出窗口,其中显示高度大于 1200 的马的详细信息,但它不会滚动,因此您可以看到其余部分马的信息。

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

最佳答案

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

overflow:scroll

这将允许弹出一个滚动条。

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

scrolling="yes"

^^ 是一种相当古老的方法,但您可以混合使用它们以获得更好的跨平台兼容性。也就是说,只有一些浏览器不能很好地滚动 iframe。这就是 Jquery 之类的东西用于动态内容的地方。我也推荐这篇文章:

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

关于html - 使用 pop 使 iframe 可滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35377128/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com