mobile - Fancybox 覆盖在 iPhone 或 iPad 上滚动

Question

当 Fancybox 打开时，我试图阻止滚动背景页面。这个
helper :{
叠加:{
锁定:真实
}
不适用于 iPad 和 iPhone(我只需要在移动设备上修复它)。我找不到任何解决方案。存在吗？...

Answer 1

“被迫”在您描述的类似环境中工作，我遇到了完全相同的问题。确实有很多与滚动和溢出相关的答案，主要与 Fb 的初始化设置有关，但是任何地方给出的答案都没有任何好处-我想您很清楚。

但是，在我的特定情况下，我偶然发现了一个(Browserstack-confirmed)修复程序，我很确定这是您需要的。

首次初始化 Fancybox 时，请确保在打开 Fb 窗口时将 css 值设置为固定的主体位置(通过添加 afterShow 回调)，然后在窗口关闭时删除该设置(我使用 afterClose 回调)。看到我们只想要/需要将此修复应用于 iProducts，让我们将实际的 CSS 更改代码包装在调用函数的条件中，该函数检查 userAgent 是否匹配。像这样:

function applePie() {
    return ( navigator.userAgent.match(/(iPhone|iPod|iPad)/i) );
}

$('.fancy-overlay').fancybox({
    your: 'settings',
    afterShow: function() { 
        if ( applePie() ) { $('body').css({'position': 'fixed'}); } 
    },
    afterClose: function() {
        if ( applePie() ) { $('body').css({'position': ''}); }
    }
});