如何使用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()); 
});