Fancybox v2在移动设备上向上滚动

时间:2017-12-04 14:49:38

标签: jquery fancybox

我是Fancybox v2.1.5。我面临的问题是在向下滚动并点击任何弹出窗口时在移动设备上。弹出窗口在页面顶部打开,这没有任何意义。

    jQuery('.fancy_dialogue').fancybox({
     minWidth  : '60%',
     maxWidth  : '75%',
     autoSize: false, // shouldn't be true ?
     fitToView: false,      
   });

我想要点击链接的任何地方都应该在中心的同一个地方打开弹出窗口。

好的,以防万一有人经历过这个问题。我已经用移动设备这样解决了它,它对我有用

jQuery('.fancy_ajax_close_btn').fancybox({
    minWidth  : '43%',
    maxWidth  : '60%',
    afterLoad : function() {

        var top = ($(window).height() / 2) - ($(".fancybox-wrap").outerHeight() / 2);
        var left = ($(window).width() / 2) - ($(".fancybox-wrap").outerWidth() / 2);
        $(".fancybox-wrap").css({ top: top, left: left});           
    }           

});

在afterLoad事件中添加了三行,并在jquery.fancybox.css中更改

.fancybox-wrap {
  left: 0;
  z-index: 8020;
  position: absolute;
  width: 200px;
  margin: 0 auto;
}

0 个答案:

没有答案