Home > Article > Backend Development > javascript - How does the fancybox plug-in break out of the limitations of the frameset and display a pop-up box slightly smaller than the screen size?
The project uses the frameset
three-frame page
uses fancybox
, a pop-up box plug-in, but it is very helpless. The size of the pop-up box will be limited by the size of frame
, as shown below:
How can I make fancybox
break out of the frame size limit and display a size slightly smaller than the entire page?
The following picture shows the parameter configuration of fancybox
:
The project uses the frameset
three-frame page
uses fancybox
, a pop-up box plug-in, but it is very helpless. The size of the pop-up box will be limited by the size of frame
, as shown below:
How can I make fancybox
break out of the frame size limit and display a size slightly smaller than the entire page?
The following picture shows the parameter configuration of fancybox
:
This problem can be solved by reading the documentation.
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
Document
means that if it is within iframe
, you can set autosize
to false
, and then set it through width
and height
size.