Javascript 如何使用JS/Jquery根据页面底部动态（重新）定位元素？

背景故事：我在一个页面上有一个选项卡部分，当浏览时，它会显示不同高度的部分（div）

结果是，此页面上的某些输入（由于我无法更改的原因，它们的位置奇怪）会有问题地重新定位

建议的解决方案：随着页面高度的变化，根据页面底部重新定位这些问题输入（它们的适当距离始终为常数）

我想的是我需要一些js做一些类似

页面高度更改触发从底部到=x的输入位置。

如果相关，则有两个输入。：）

要是有css就好了（我知道在正常情况下会有，但相信我——在这种情况下不会）

---

谢谢你的时间和帮助，我已经为此挣扎了好几个星期了

听起来您只需要将输入绝对定位到相对定位的div的底部-

#form {
position: relative;
}

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

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

#表单{
位置：相对位置；
}
#投入{
位置：绝对位置；
底部：0；
}

---

如果这还不足以让您指向正确的方向，您需要提供一些示例代码供人群查看。

您可以使用jQuery事件来调整窗口的大小：

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