I have encountered an issue with my Droid 2.3.4 where when I view content through iFrame in Fancybox2, scroll bars are not showing up. Despite trying various solutions that I came across, nothing seems to work. Interestingly, all other browsers like iPhone 5 and iPad display the content properly, but my Droid is giving me trouble.
Below is the calling function:
$('.various').fancybox({
maxWidth : 800,
maxHeight : 600,
fitToView : false,
width : '95%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'elastic',
closeEffect : 'none',
helpers : {
overlay : {
locked : false
}
}
});
I've experimented with different CSS options like overflow:scroll or using !important, but none of them seem to make a difference. I even attempted to implement iScroll, but it also did not enable scrolling on my device.
If you have any suggestions or ideas, please share them with me. I am considering implementing separate handling for Droid devices to open a different page as a last resort, but I would prefer to avoid this if possible.