繁体   English   中英

使用jQuery从元素获取动态CSS最高价值

[英]Getting dynamic css top value from element using jQuery

我在项目中使用jScrollPane jQuery插件,并且可滚动区域具有几个列表项元素,并且单击每个列表项时,它需要触发一个绝对位于中央的模式框,填充所有空间。 无论如何,这很难解释,但这不是问题。 问题是,我需要通过jQuery获得负的顶级CSS值(当它向下滚动时),我无法使其正常工作,我尝试使用.css()选择器,但即使在来源显示不同。 任何想法 ?

编辑:

<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框。

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM