如果没有一个庞大的javascript库,如何创建一个Netflix风格的iframe覆盖?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (83)

我试图使用一个链接来打开一个覆盖,而不是在一个单独的弹出窗口。这个覆盖应该包括一个半透明的div层,阻止整个屏幕被点击。我还打算在这一点上禁用滚动。无论你在主页面的位置,当点击链接时,覆盖应该在屏幕的X和Y起源的中心。在这个覆盖div中,应该配置一个iframe,这样可以加载3种大小的内容。

提问于
用户回答回答于

可能需要查看我编写的一个旧JS库,名为子模态,易于理解和修改

用户回答回答于

Shadowbox是内联“弹出窗口”的一个很好的脚本,可以与任何常用的JS库一起使用,如果你使用任何(jQuery,Prototype等)或它自己,有一个非常全面的皮肤系统,所以你可以调整外观,而不必进入源代码本身,也是我尝试过的唯一一个可以在所有常用浏览器中可靠运行的脚本(有几十个)。不会禁用你的滚动(你仍然可以通过黑暗覆盖看到正常的页面背景滚动),但“弹出窗口”在任何情况下都会固定在屏幕上。

扫码关注云+社区

领取腾讯云代金券