從元素使用jQuery獲取動態CSS頂級值

我在一個項目中使用jScrollPane jQuery插件，並且可滾動區域有幾個列表項元素，每個列表項被點擊時需要觸發一個模態框定位絕對從中心，填補所有的空間。無論如何它很難解釋，但這不是問題。問題是，我需要通過jQuery獲得負面頂端css值（當它滾動下來），我無法設法使它工作，我試圖使用.css（）選擇器，但它始終返回0px即使在源顯示不同。任何想法？從元素使用jQuery獲取動態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的結構，更多-信息div有填補其中有一個預定義的＃提供商菜單框寬度和高度，但如果我將它設置爲絕對頂部左下角，它會到頂部，您必須滾動才能看到有什麼。所以我在考慮取得最高的負值，刪除減號並將最高值設置爲.more-info框。

來源

2013-10-05 Nicolae Catalin

顯示您當前正在使用的代碼。 –

也許你想要的是'.position（）'或'.offset（）'。 – Barmar

@PatrickEvans我剛剛編輯並添加了一些代碼。 –

$(element).css的行爲與您預期的不同。

這其實工作原理：$(".jspPane")[0].style.top

你有什麼要求絕對定位，我相信，這jspPane沒有。無論哪種方式，上面的代碼都給出了實際的（通常爲負）像素值。

來源

2013-12-04 17:44:14 digitalextremist

從元素使用jQuery獲取動態CSS頂級值

回答

相關問題