移动设备上的Fancybox内联弹出窗口不会移动页面滚动

时间:2015-08-09 12:46:46

标签: javascript jquery css jquery-mobile fancybox

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

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

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

在台式机和更大版本上它运行良好,但在移动版本上,当您在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');                              
                        }

                    });

男人们有什么问题?我尝试了很多,看到了网站上的文档,但没有任何作用。

1 个答案:

答案 0 :(得分:0)

[溶液]

在移动设备上调试后,我发现移动设备的位置正在发生变化。我只是改变了要修复的位置,添加了一些顶部和左边距,一切看起来都很完美。

再次感谢。