私はFancyboxに問題があります

Question

私は連絡フォームにfancyboxを使用しました。ページの読み込み時にオープンします。だから私は次のコードを使用しています。

​​

私は既に試していますが、読み込み時にfancyboxは開かれません。

jQuery("#fancy").fancybox({ 
     openEffect : 'fade', 
     closeEffect : 'fade', 
     padding: 0, 
     helpers: { 
      overlay: { 
      locked: false 
     } 
    } 

}）;

しかし、私はファンシーボックスの外をクリックすると、その閉じる私は閉じるボタンで閉じる必要があります。

Answer 1

この方法は、オプションautoSize: trueで試してみてください閉じるボタン

(function($){ 

var closeByButton = false; 

$(("#fancy").fancybox({ 
    openEffect : 'fade', 
    closeEffect : 'fade', 
    padding: 0, 
    beforeLoad : function() { 
     closeByButton = false; 
    }, 
    beforeClose: function() { 
     if(!closeByButton){ 
      return false; 
     } 
    } 
}); 

$(document).on('mouseenter','.fancybox-close', function(){ 
    closeByButton = true; 
}); 

$(document).on('mouseleave','.fancybox-close', function(){ 
    closeByButton = false; 
}); 

Answer 2

にのみ閉じます。モバイルビューでも自動的にサイズが変更されます。

チェックワーキングデモHere

JS：

$(document).ready(function() { 
    $("a.fancybox").fancybox({ 
    openEffect: 'fade', 
    closeEffect: 'fade', 
    autoSize: true, 
    helpers: { 
    overlay: { 
     css: { 
     cursor: 'auto' 
     }, 
     closeClick: false 
    } 
    } 
    }).trigger("click"); 
}); 

は問題は次のスタイルを追加し、スクロール固定するために

CSS：

body .fancybox-wrap { 
    position: fixed!important; 
}