FancyBox 2 android 2.3.4 - 无法滚动

Posted

技术标签:

【中文标题】FancyBox 2 android 2.3.4 - 无法滚动【英文标题】:FancyBox2 and Droid 2.3.4 - Not able to scroll 【发布时间】:2013-04-21 23:18:43 【问题描述】:

我一直在为此苦苦挣扎。在我的 Droid 2.3.4 上并通过 Fancybox2 中的 iFrame 查看内容时,我没有看到滚动条。我已经看到了许多潜在的解决方案,但都没有影响。所有其他浏览器,包括 iPhone 5 和 iPad.. 都可以。我只是在使用我的 Droid 时遇到了问题。

这里是调用函​​数。

$('.various').fancybox(
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '95%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'elastic',
    closeEffect : 'none',
    helpers : 
        overlay : 
            locked : false
        
    
);

我尝试了各种溢出:滚动或 !important 修复,但没有任何效果。我什至尝试过使用 iScroll,但没有提供任何滚动功能。

如果您有任何想法,请告诉我。我即将对 Droid 设备进行特殊处理以打开单独的页面。但显然,我想避免这种情况。

【问题讨论】:

【参考方案1】:

根据我使用手机的经验,android 2.3.x 不支持辅助滚动条,只支持浏览器本身的滚动条。

这是一个相当大的问题,因为 Android 2.3.x 目前仍占活跃 Android 设备的一半以上。

唯一的解决方案是让您的 fancyBox 超出视口的高度,以便用户可以使用主滚动条查看其余内容。

【讨论】:

哎呀.. 担心这个。我现在正在处理,它将作为一个完整窗口打开覆盖。我讨厌这个解决方案,但除此之外我没有任何进展。

以上是关于FancyBox 2 android 2.3.4 - 无法滚动的主要内容,如果未能解决你的问题,请参考以下文章

Fancybox 2 可见的导航箭头

iPad 上的 Fancybox 2 中的 Vimeo

Fancybox 2 从代码打开 Iframe 版本

Fancybox 2 beforeLoad 和 afterClose 在活动时不会触发隐藏/显示 div

[Fancybox 2.1加载AJAX模板,顶部留有很大的空白,但是当我以其他方式使用Fancybox时,不会发生此问题

fancybox 2.0.6 ie7 无法正常工作