【问题标题】:Fancybox scroll issue on mobile devices移动设备上的 Fancybox 滚动问题
【发布时间】:2017-03-10 13:47:58
【问题描述】:

我正在使用花式框,当花式框打开时,我想停止正文滚动,并且该花式框滚动应该可以工作。

我有以下代码,它会停止正文滚动,但花式滚动也不起作用..

jQuery(function ($) {
   $("#more_insurance").fancybox({
    closeBtn    : true,
    closeClick  : true,
    scrolling   : 'auto',
    openEffect  : 'elastic',
    closeEffect : 'elastic',
       beforeShow: function(){
        $("body").css({'overflow-y':'hidden'});

        $('body').bind('touchmove.fb', function(e) {
            e.preventDefault();

         });
        },
         afterClose: function(){
            $("body").css({'overflow-y':'visible'});
        },


       });
});

请帮忙..

【问题讨论】:

  • 看起来你用的是fancybox2,你试过升级到v3吗?

标签: jquery mobile scroll fancybox


【解决方案1】:

Fancybox 2 helpers 选项已锁定:true 对我有用,在 fb3 中我有滚动问题

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-22
    • 2017-02-26
    相关资源
    最近更新 更多