将按钮粘在浏览器边缘

发布于 2025-01-02 06:42:01 字数 253 浏览 0 评论 0原文

我希望创建一种情况,其中一些导航按钮粘在浏览器窗口的边缘,我假设有一些 css 和 javascript,自从我进行任何编码以来已经很长时间了,我想知道是否有人可以指出我正确的方向。

http://www.flickr.com/photos/66009984@N00/6824355131/

I am looking to create a situation where some nav buttons are sticky to the edge of the browser windows, I am assuming some css and javascript, it has been a long time since I did any coding and I am wondering if someone could point me in the right direction.

http://www.flickr.com/photos/66009984@N00/6824355131/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦亿 2025-01-09 06:42:01

将按钮设置为绝对位置或静态位置,具体取决于您是否希望它们随页面滚动。

.buttonLeft {
    position: absolute;
    left: 0
}

.buttonRight {
    position: absolute;
    right: 0
}

如果您希望它们位于另一个 div 中,则父 div 需要将其位置设置为相对位置。

.parentContainer { position: relative }

Make the buttons position absolute or static depending on if you want them to scroll with the page or not.

.buttonLeft {
    position: absolute;
    left: 0
}

.buttonRight {
    position: absolute;
    right: 0
}

If you want them inside another div than that parent div needs to have it's position set relative.

.parentContainer { position: relative }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文