移动设备上的 Fancybox 内联弹出窗口不随页面滚动而移动答案

【问题标题】：Fancybox inline popup on mobile not moving with page scroll移动设备上的 Fancybox 内联弹出窗口不随页面滚动而移动
【发布时间】：2015-08-09 12:46:46
【问题描述】：

我在这个网站上工作： http://www.fairfaxandroberts.com.au/

我正在使用 fancybox 进行内联弹出： http://fancyapps.com/fancybox/

当您访问该网站时，您可以在滚动时看到显示在 Instagram 供稿下方的弹出窗口。

在桌面版和更大版本上它运行良好，但在移动版上，当您在 insta feed 下方滚动时会显示弹出窗口，但它会停留在显示的位置，它不会随着页面滚动而移动。

我用来显示 Fancybox 的 jQuery 代码是这样的：

                    $(window).scroll(function() {
                        var y = $(window).scrollTop();
                        var insta_feed_top = $("#slide-55").offset().top;
                        if (y > insta_feed_top) {
                        $(window).off('scroll');
                        $(".fancybox_newsletter")
                            .fancybox({
                                helpers: {
                                    overlay: {
                                      locked: false
                                     }
                                 }
                                }).trigger('click');                              
                        }

                    });

伙计们，可能是什么问题？我尝试了很多，看到了网站上的文档，但没有任何效果。

【问题讨论】：

注意：图像叠加层上的文字太小，无法访问：/
它在台式机和 iPhone 6（chrome 移动模拟器 - 开发人员工具）上对我来说都很好。 + 您的控制台中有错误，请检查它们。
我在三星 Galaxy S4、LG Nexus 4、Sony SmarthPhone 等其他手机上进行了检查，它固定在显示的位置，不会随着页面滚动而移动...
谢谢@odedta 我会和设计师谈谈
因为这是开箱即用的插件，而且我们知道它在手机上运行良好，所以首先确保您的网站代码经过验证并且没有错误，就像我说的那样，我已经对其进行了测试对我来说似乎很好。祝你好运！

标签： javascript jquery css jquery-mobile fancybox

【解决方案1】：

[解决方案]

在手机上调试后，我发现移动设备的绝对位置正在改变。我只是更改了要固定的位置，添加了一些顶部和左侧边距，一切看起来都很完美。

再次感谢。

【讨论】：