css - Remove Scrollbars from Parent Window when Fancybox Loads -


i've searched topic, sure there solution out there i'm not looking right thing...

i using customized version of twitter bootstrap 2.x (fluid responsive) top , bottom full-width fixed navigation bars , fancybox 2.1.4

<meta name="viewport" content="width=device-width, initial-scale=1.0">

bootstrap.min.css

bootstrap-responsive.min.css

modernizr-2.6.2-respond-1.1.0.min.js

jquery.fancybox-media.js?v=1.0.5

jquery.fancybox.css?v=2.1.4

jquery.fancybox.js?v=2.1.4

anyways, problem occurring while using fancybox. of fancybox content using iframes (even content without iframes appears same thing figured include that).

when click on link fancbox box appears on screen , parent window produces scrollbar (behind fancybox). isn't hurting looks tacky. producing html5 content go in kiosk not want scrollbars appear.

you need set overflow:hidden on div scrollbar when click on link. never used jfiddle, according on riding class in fancybox css trick.

throw in 1 of custom css files:

 .fancybox-lock .fancybox-overlay { overflow:hidden; } 

make sure load custom css after load fancybox css yours takes precedence.

be careful this, because if 1 of pictures overlaying extermely tall (taller current window view) won't able see whole image.

you can use javascript resize image according height of window if pressing issue.


Comments

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

VBA function to include CDATA -