javascript - fancybox jquery，弹出窗口后不应用css

Question

我想在用户点击的地方设置 fancybox 的顶部位置， 意思是如果我在距顶部 300px 处单击 body，则需要设置 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');

希望对你有帮助