Question

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

当你进入主页时，我想要一个div粘在底部（对于任何设备）和滚动时。但是我不希望它被固定，以便随着屏幕滚动。

我确定这是我忽略的一些敏感技巧，但我喜欢一些反馈。先谢谢你了！

编辑：我不希望div在滚动时跟随你。但我确实希望它在您第一次浏览网站时显示在屏幕的最底部（无论您使用哪个平台来查看网站。）

示例是此网站。所有设备的向下箭头显示在同一位置，但不会向用户滚动：https://www.nabitablet.com/

Answer 1

您可以使用一个绝对定位的容器大小的窗口，然后绝对将项目放在底部。根据您的页面结构，这可能不起作用。

＆＃13;

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%;
}

＆＃13;

<div class="container">
  <div class="item"></div>
</div>

＆＃13;

响应卡在网站上的div

1 个答案: