0

fancyboxのコンテンツの高さ（fancyboxの上下に余分なスペースがないことを意味します）に応じてオーバーレイの背景の高さ（overlayOpacity部分）を修正する方法を教えてください。私はfancybox 2（最新バージョン）を使用しています

コード：

jQuery.fancybox({                           
   'scrolling': 'no',
   'hideOnContentClick': true,
   'autoSize'    : true,
   'fitToView'  : false,
   'height' : '100%',
   'hideOnOverlayClick' : true,
   'content' : jQuery('.EngpopupContent'),
   'overlayShow' : true,
   'overlayOpacity' : 0.9,
   'overlayColor' : '#000',
   'transitionIn' : 'elastic',
   'transitionOut' : 'elastic',
   'changeFade' : 'fast',
   'easingIn' : 'swing',
   'easingOut' : 'swing',
   'showCloseButton' : true,
   //'showNavArrows' : true,
   'enableEscapeButton' : true,
   'onStart': function(){
       jQuery("#fancybox-overlay").css({"position":"fixed"});
   }
});

参照リンク

上記の参照URLとまったく同じようにfancyboxを操作する必要があります...[製品オプションを選択してください]ボタンをクリックしてください

誰か助けてください...

4

1 に答える 1

0

私が正しく理解していれば、レンダリングされたコンテンツからマージンとパディングを削除する必要があります。これを行うには、構成にさらに2つのオプションを追加します

jQuery.fancybox({ 
//other options
'padding': 0,
'margin' : 0,
//other options

詳細については、http://fancybox.net/api をご覧ください。

後で編集：

今、私は理解したと思います。閉じるボタンのあるデフォルトのレイアウトを使用している場合は、これを CSS ファイルに追加してみてください。

#fancybox-outer { background: transparent;}
#fancybox-close {top: 25px !important;}
#fancybox-wrap {top: -45px  !important;}

これにより、上部から白い背景が削除され、ラッパーが上部に近く配置されます (白い側面の境界線を表示したくない場合は、パディングとマージンを 0 に設定する必要があります)。

于 2012-07-24T13:18:31.603 に答える