{"id":354,"date":"2016-09-09T15:41:45","date_gmt":"2016-09-09T15:41:45","guid":{"rendered":"http:\/\/angelwings.net\/blog\/?p=354"},"modified":"2016-09-09T15:41:45","modified_gmt":"2016-09-09T15:41:45","slug":"easy-fancybox-solution-for-iframe-no-scroll-issue-in-mobile","status":"publish","type":"post","link":"https:\/\/angelwings.net\/blog\/easy-fancybox-solution-for-iframe-no-scroll-issue-in-mobile\/","title":{"rendered":"Easy Fancybox: Solution for Iframe no-scroll issue in mobile"},"content":{"rendered":"<p>Source: https:\/\/alucard-blog.blogspot.sg\/2016\/06\/how-to-fix-fancy-boxeasy-fancybox.html<\/p>\n<h3 class=\"post-title entry-title\">How to fix fancy box scroll not working in mobile. Using wordpress plugin https:\/\/wordpress.org\/plugins\/easy-fancybox\/<\/h3>\n<p>In Easy Fancybox, you will see these 2 lines in the jquery.fancybox-1.3.7.js: (do a folder search for id=&#8221;fancybox-content&#8221; to get better idea of how it looks like)<\/p>\n<p>&lt;div id=&#8221;fancybox-content&#8221;&#8230;&#8230;..&gt;<br \/>\n&lt;iframe id=&#8221;fancybox-frame&#8221; name&#8230;&#8230;&#8230;&#8230;&#8230;<\/p>\n<p><b>Apply to fancybox-content, not fancybox-frame<\/b><\/p>\n<p>So in your custom\/child theme CSS, it should be:<\/p>\n<p><code>#fancybox-content{<br \/>\noverflow: scroll !important;<br \/>\n-webkit-overflow-scrolling: touch !important;<br \/>\n}<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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=&#8221;fancybox-content&#8221; to get better idea of how it looks like) &lt;div id=&#8221;fancybox-content&#8221;&#8230;&#8230;..&gt; &lt;iframe id=&#8221;fancybox-frame&#8221; name&#8230;&#8230;&#8230;&#8230;&#8230; Apply to fancybox-content, not fancybox-frame So in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,6,28],"tags":[58,86,100,131],"class_list":["post-354","post","type-post","status-publish","format-standard","hentry","category-cms","category-css","category-troubleshoot","tag-easy-fancybox","tag-mobile","tag-plugin","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/posts\/354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/comments?post=354"}],"version-history":[{"count":0,"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/posts\/354\/revisions"}],"wp:attachment":[{"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/media?parent=354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/categories?post=354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/tags?post=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}