使用jQuery動態定位基於其他元素的元素

Question

我想使用jQuery動態設置包含h3的div的頂部位置。鏈接是我想要完成的一個圖像。

在該圖片中，冠軍div（綠色h3s）上的絕對位置是590的硬編碼頂部。如果錦標賽尺寸永不改變（8,4,2,1）一些比賽只有兩輪（3場比賽），其中的標題顯然落在了頁面上。

在括號中，我在每個中途點都添加了round-title-before和round-title-after，因此我可以看到/表示在它們之間顯示標題。

有沒有一種方法可以用.position（）或.height（）計算.round-title-before和.round-title-after之間的差異，以正確定位#title div，使其始終居中或關閉無論有多少遊戲或有多少遊戲，都可以集中到中心？第二張照片作爲較小比賽的例子。

大型賽事：

========================

小比賽：

Answer 1

在我看來，你應該使用jQueryUI的」將每個托架放入一個容器中，結合其位置功能。容器的高度等於總高度，並且可以使用上述jqueryui位置功能來相對於容器垂直居中（並且我想在x軸的右側）。