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
Post a Comment