0

我在一个项目中使用 jScrollPane jQuery 插件，可滚动区域有几个列表项元素，每个列表项在单击时都需要触发一个从中心绝对定位的模态框，填充所有空间。无论如何，这很难解释，但这不是问题。问题是，我需要通过 jQuery 获得负的顶部 css 值（当它向下滚动时），但我无法让它工作，我尝试使用 .css() 选择器，但它总是返回 0px，即使在来源显示不同。任何想法 ？

编辑：

<div id="provider-menu">
    <ul>
        <li class="menu-item"> <h2> content here </h2>
             <div class="more-info">
               more info box here 
             </div>
        </li>

        <!-- More List Items Here -->

    </ul>
</div><!-- end #provider-menu -->

<!-- Javascript -->
$("#provider-menu").jScrollPane();
// jspPane is added by the plugin
var topValue = $(".jspPane").css("top"); // returns 0px every time on scroll even if in the source is different.

我正在尝试这样做，因为我无法更改 HTML 结构，.more-info div 必须填充具有预定义宽度和高度的#provider-menu 框，但如果我将其设置为绝对左上角右下角它转到顶部，您必须滚动才能看到那里有什么。所以我正在考虑获得最大的负值，删除减号并将最高值设置为 .more-info 框。

4

1 回答 1

0

$(element).css行为与您预期的不同。

这实际上有效： $(".jspPane")[0].style.top

我相信你所拥有的需要绝对定位，而 jspPane 没有。无论哪种方式，上面的代码都会为您提供实际（通常为负）像素值。

于 2013-12-04T17:44:14.900 回答