[英]How can I place a link at the bottom of the viewport on first page load?
I'm trying to achieve an effect similar to the one seen here on Dropbox's landing page. 我想实现一个类似于看到的效果在这里的Dropbox的着陆页上。 Notice that there's a link at the bottom of your browser viewport ('learn more'). 请注意,浏览器视口底部有一个链接(“了解更多”)。 This is always at the bottom of the page on first load. 首次加载时,它始终位于页面底部。 However, it's not fixed to the bottom of the window as you can scroll past it. 但是,它并没有固定在窗口的底部,因为您可以滚动通过它。
Any idea how to achieve this? 任何想法如何实现这一目标? A CSS or jquery solution is fine. CSS或jquery解决方案很好。
It's a link within a div
which has the following CSS (the div
's): 这是div
的链接,该div
具有以下CSS( div
):
position: absolute;
bottom: 50px;
left: 0;
width: 100%;
text-align: center;
cursor: pointer;
The important parts there are position:absolute
and bottom:50px
重要部分有position:absolute
和bottom:50px
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.