Question

style属性总是让我感到困惑，因为style属性中有很多值。无论如何，请看下面我的标记我正在努力调整...

<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');
    });
  }
});

Answer 1

您可以使用以下

获取

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

并将其与滚动顶部相加。

Answer 2

试试这个：

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

jQuery：将内联样式的顶部位置值转换为变量

2 个答案: