[英]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.