Question

后面的故事：我在页面上有一个标签部分，当浏览时会显示不同高度的部分（div）。

结果，是这个页面上的某些输入（由于我无法更改的原因而奇怪地定位）会自行重新定位。

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

我在想的是我需要一些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() );
});

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

2 个答案: