如何使用JS/Jquery根據頁面底部動態（重新）定位元素？

Question

後面的故事：我有一個頁面上的標籤部分，當瀏覽通過顯示不同高度的部分（股利）。

結果是某些輸入（這是奇怪的定位原因，我不能改變）在本頁重新定位自己問題。

建議的解決方案：隨着頁面高度的變化，這些問題輸入會根據頁面底部進行重新定位（從它們的適當距離始終保持不變）。

我在想什麼是我需要一些JS，做類似的東西，

頁面高度變化觸發從底部= X輸入位置。

如果完全相關，則有兩個輸入。 :)

如果只有這樣的CSS（我知道有在正常情況下，但相信我 - 在這種情況下）。

感謝您的時間&幫助我一直在努力這個星期！

Answer 1

這聽起來像你只需要將輸入絕對定位到相對定位的div的底部。像 -

#form { 
position: relative; 
} 

#inputs { 
position: absolute; 
bottom: 0; 
    } 

<div id="form"> 
<div id="inputs"> 
<input id="weirdinput" /> 
</div> 
</div> 

如果那不是足以讓你在你需要提供一些示例代碼人羣過目指出正確的方向。

Answer 2

你可以嘗試這樣的事情使用jQuery事件窗口的大小調整：

$(window).resize(function() { 
    var windowHeight = $(window).height();//get new height of window 
    var desiredHight = windowHeight - 50; 
    $('input.myclass').css('top', desiredHeight.toString()); 
});