javascript - 将元素放置在文档元素可见部分的底部

Question

我想在 Html 文档可见部分的底部放置一个弹出窗口，即使我向下滚动？

html 文档不适合窗口，所以我必须向下滚动才能查看全部内容。每次滚动时，可见部分都会有所不同。那么如何获取当前可见部分底部的坐标呢？

任何帮助将不胜感激。

问候，

贺拉斯

Answer 1

你试过position: fixed你的CSS吗？它应该根据需要相对于视口定位元素。像这样的东西：

#myelement {
    position: fixed;
    bottom: 0;
}

Answer 2

您可以使用 CSS 样式position: fixed;相对于视口（窗口区域）定位元素。

例子：

<div style="position:fixed;left:100px;bottom:0;width:100px;height:50p;">
  Bottom
</div>

注意：一些非常旧的浏览器（例如 Internet Explorer 6）不支持position: fixed. 如果您需要支持这些，则需要使用 Javascript 来获取窗口的大小，并使用position: absolute来放置元素，并捕获scroll事件，以便您可以移动元素以使其保持可见。