0

我似乎无法在网上找到我正在寻找的确切答案，但问题是我什至不确定要寻找什么。

当您进入主页时，我希望将 div 粘在底部（对于任何设备）以及滚动时。但我不希望它固定，以便它随屏幕滚动。

我确信这是我忽略的一些响应技巧，但我希望得到一些反馈。提前谢谢你！

编辑：我不希望 div 在滚动时跟随你。但我确实希望它在您第一次查看该网站时出现在屏幕的最底部（无论您使用何种平台查看该网站。）

例子是这个网站。向下箭头出现在所有设备的同一位置，但不随用户滚动：https ://www.nabitablet.com/

4

1 回答 1

1

您也许可以使用一个绝对定位的容器，其大小与窗口大小相适应，然后将项目绝对定位到该窗口的底部。根据您的页面结构，这可能不起作用。

body {
  height: 5000px;
}

.container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.item {
  background-color: #f00;
  bottom: 0;
  height: 50px;
  position: absolute;
  width: 100%;
}
<div class="container">
  <div class="item"></div>
</div>

于 2016-04-02T04:11:23.670 回答