如何在第一页加载时在视口底部放置链接
How can I place a link at the bottom of the viewport on first page load?
我正在努力实现类似Dropbox登录页上的效果。请注意,浏览器视口底部有一个链接("了解更多")。第一次加载时,它总是在页面的底部。然而,它并没有固定在窗口的底部,因为你可以滚动经过它
知道如何做到这一点吗?CSS或jquery解决方案很好。
它是div
中的一个链接,该链接具有以下CSS(div
的):
position: absolute;
bottom: 50px;
left: 0;
width: 100%;
text-align: center;
cursor: pointer;
其中重要的部分是position:absolute
和bottom:50px
相关文章:
- 将视口底部滚动到元素底部
- 使用JavaScript根据窗口/视口的高度动态调整图像大小
- 使用条件语句,使 jquery fadeIn/fadeOut 仅在视口 >= 480px 时才有效
- 宽度为100%的CSS元素位于视口之外
- CSS3:当页面向下滚动到第一个视口时,是否可以在元素上触发转换
- 如何设置浏览器视口大小
- Javascript em根据窗口/视口尺寸调整大小,不影响文档样式的text/css
- 检测视口并重定向到不同的主页
- 如何在按住鼠标按钮且光标在视口外时检测鼠标离开
- iOS iPad平板电脑渲染视口不正确
- 移动设备上的视口问题
- 视口大小更改时自动刷新页面
- 在移动设备上获取视口大小
- 在 ReactJS 中获取视口/窗口高度
- 使jquery延迟加载插件在视口内工作
- Div 设置为视口高度,即使调整屏幕大小也是如此
- jQuery调整大小和视口检查点
- 在动态更改页面高度时将页脚调整在视口底部
- 按钮停留在视口底部
- 如何在第一页加载时在视口底部放置链接