fancybox jQuery，弹出后不应用css

Question

我想在用户单击的位置设置fancybox的顶部位置，这意味着如果我在距顶部300px的位置单击主体，则需要将fancybox设置为top:300px 。

我试过的是：

$('.fancybox').fancybox({
    'onComplete': function() {
      $(".fancybox-wrap").css({'top':'20px', 'bottom':'auto'});
    }
});

但是那是行不通的，之后我尝试了：

$('.fancybox').click(function() {
    var offset = $(this).offset();
    $(".fancybox-wrap").attr('style','top:' offset.top +'px !important');
    $(".fancybox-wrap").css({'top':'20px', 'bottom':'auto'});
});

但是没有工作，有人可以帮我吗？

提前致谢。

Answer 1

只需尝试单行，

$(".fancybox-wrap").css('top','20px');
$(".fancybox-wrap").css('bottom','auto');

希望这个帮助