欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - fancybox插件如何跳出frameset框架的限制,显示略小于屏幕大小的弹框?

程序员文章站 2022-03-15 16:47:13
...

项目中用的是frameset三框架页面
javascript - fancybox插件如何跳出frameset框架的限制,显示略小于屏幕大小的弹框?

用到fancybox,一个弹框插件,但是很无奈,弹框的大小会受到frame大小的限制,如下图:

javascript - fancybox插件如何跳出frameset框架的限制,显示略小于屏幕大小的弹框?

请问如何让fancybox跳出框架大小的限制,显示略小于整个页面的大小?

下图是fancybox的参数配置:

javascript - fancybox插件如何跳出frameset框架的限制,显示略小于屏幕大小的弹框?

回复内容:

项目中用的是frameset三框架页面
javascript - fancybox插件如何跳出frameset框架的限制,显示略小于屏幕大小的弹框?

用到fancybox,一个弹框插件,但是很无奈,弹框的大小会受到frame大小的限制,如下图:

javascript - fancybox插件如何跳出frameset框架的限制,显示略小于屏幕大小的弹框?

请问如何让fancybox跳出框架大小的限制,显示略小于整个页面的大小?

下图是fancybox的参数配置:

javascript - fancybox插件如何跳出frameset框架的限制,显示略小于屏幕大小的弹框?

这种问题看下文档就解决啦。

width Default width for 'iframe' and 'swf' content. Also for 'inline', 'ajax' and 'html' if 'autoSize' is set to 'false'. Can be numeric or 'auto'.
Number, String; Default value: 800
height Default height for 'iframe' and 'swf' content. Also for 'inline', 'ajax' and 'html' if 'autoSize' is set to 'false'. Can be numeric or 'auto'

Number, String; Default value: 600
文档
意思就是如果在iframe内的话,可以将autosize设置为false,然后通过widthheight设定大小。