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

Question

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

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

任何帮助将不胜感激。

此致

贺

Answer 1

您是否在CSS上尝试position: fixed了？它应该根据需要相对于视口定位元素。像这样：

#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事件，以便您可以将元素移动到保持可见。