Javascript 如何在加载第一页时在视口底部放置链接?

Javascript 如何在加载第一页时在视口底部放置链接?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试实现一种类似于Dropbox登录页上看到的效果。请注意,浏览器视口底部有一个链接(“了解更多”)。第一次加载时,它始终位于页面底部。但是,它并不是固定在窗口的底部,因为您可以滚动它 你知道如何做到这一点吗?CSS或jquery解决方案很好。它是div中的一个链接,它具有以下CSS(即div): 位置:绝对位置; 底部:50px; 左:0; 宽度:100%; 文本对齐:居中; 光标:指针; 这里的重要部分是position:absolute和bottom:50px尝试使用开发工具或Fi

我正在尝试实现一种类似于Dropbox登录页上看到的效果。请注意,浏览器视口底部有一个链接(“了解更多”)。第一次加载时,它始终位于页面底部。但是,它并不是固定在窗口的底部,因为您可以滚动它


你知道如何做到这一点吗?CSS或jquery解决方案很好。

它是
div
中的一个链接,它具有以下CSS(即
div
):

位置:绝对位置;
底部:50px;
左:0;
宽度:100%;
文本对齐:居中;
光标:指针;

这里的重要部分是
position:absolute
bottom:50px

尝试使用开发工具或Firebug,看看他们是如何实现这一效果的?看起来像是简单的绝对定位。可能同样重要的是,它的所有父容器都已设置为
高度:100%
,包括
主体
html
元素。虽然这会将链接定位在页面底部,但它始终固定在底部。如Dropbox示例所示,您不能滚动到页面下方的内容。