Fancybox内嵌弹出不移动的移动页面滚动

Fancybox inline popup on mobile not moving with page scroll

本文关键字:移动 滚动 Fancybox      更新时间:2023-09-26

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

和我使用fancybox内联弹出:http://fancyapps.com/fancybox/

当你访问这个网站时,你可以看到当你滚动instagram feed时显示在下方的弹出窗口。

在台式机和大屏版本上,它工作得很好,但是在手机版本上,当你在instafeed下方滚动时,弹出框会显示出来,但它会停留在显示的位置,它不会随着页面滚动而移动。

我用来显示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');                              
                        }
                    });

有什么问题吗?我试了很多次,看了网站上的文档,但都不起作用。

[SOLUTION]

伙计们,在手机上调试后,我发现移动设备的位置是绝对变化的。我只是改变了固定的位置,添加了一些顶部和左边缘,一切看起来都很完美。

再次感谢。