Reference blog

Tag: plugin

  • 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;
    }