2012-12-04 18 views
0

样式属性总是让我感到困惑,因为样式属性中有很多值。无论如何,请参阅下面我试图调整我的标记...jQuery:将内联样式顶部位置值获取到一个变量中

<div class="fancybox-wrap fancybox-default fancybox-opened" tabindex="-1" style="width: 798px; height: 542px; position: fixed; top: 82px; left: 20px; display: block; "> 

正如你所看到的,我正在尝试调整样式:top:82px;值。我怎样才能得到这个值,所以我可以添加一个值呢?请参阅下面的实例,了解我如何使用它。

我想currentTop变量如何获得.fancybox-wrap div当前顶部内联位置?

$("a.gallery-thumb").fancybox({ 
    afterLoad : function() { 
    FB.Canvas.getPageInfo(function(info) { 
     var scrollPosition = info.scrollTop, 
     currentTop = /* how can I get the current top inline position? */ ; 
     $('.fancybox-wrap').css('top', (scrollPosition + currentTop) + 'px'); 
    }); 
    } 
}); 

回答

1

试试这个:

$('.fancybox-wrap').css('top', '+='+scrollPosition +'px'); 
+0

真的吗?这会将scrollPosition变量添加到当前最高值? – Joshc

+0

我会说是的。最简单的检查方法是尝试是不是?如果你不喜欢这个版本,你可以先检索当前的位置:'var current = $('。fancybox-wrap')。css('top');' – koopajah

+0

太棒了 - 这是一个不错的小技巧。 + =你叫什么? – Joshc

2

您可以使用下面的

$('.fancybox-wrap').css('top'); 

得到它,并与scrollTop的概括。

+0

谢谢你这个作品 - 我没有认识到这两种方式的CSS作品..! – Joshc

相关问题