Easy Fancybox: Solution for Iframe no-scroll issue in mobile

Source: https://alucard-blog.blogspot.sg/2016/06/how-to-fix-fancy-boxeasy-fancybox.html

How to fix fancy box scroll not working in mobile. Using wordpress plugin https://wordpress.org/plugins/easy-fancybox/

In Easy Fancybox, you will see these 2 lines in the jquery.fancybox-1.3.7.js: (do a folder search for id=”fancybox-content” to get better idea of how it looks like)

<div id=”fancybox-content”……..>
<iframe id=”fancybox-frame” name……………

Apply to fancybox-content, not fancybox-frame

So in your custom/child theme CSS, it should be:

#fancybox-content{
overflow: scroll !important;
-webkit-overflow-scrolling: touch !important;
}

This entry was posted in CMS, CSS, troubleshoot and tagged , , , . Bookmark the permalink.

Comments are closed.