將元素放置在文檔元素的可見部分的底部

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事件，以便您可以移動元素以使其可見。