我正在尝试创建一个带有导航栏和页脚的页面,但我希望它们总是粘在页面的顶部和底部,即使正文很长。当正文很长时,我希望它是可滚动的(当然,导航栏和页脚总是可见的)。我最接近这个设置的是使用hero和is-fullheight(以及它的子级hero-head、hero-body和hero-footer),但不幸的是,当主体很长时,页脚会被推到视图之外。有什么想法可以让它做我想要的事情吗?是通过Bulma还是一些CSS技巧?
hero
is-fullheight
hero-head
hero-body
hero-footer
ni65a41a1#
你要找的是一个“固定的”导航栏。请参阅www.example.com上的相关文档https://bulma.io/documentation/components/navbar/#fixed-navbar。
<nav class="navbar is-fixed-top">
您需要添加bar,然后在html或body元素中考虑它的高度。
<html class="has-navbar-fixed-top">
对于页脚,你可以做同样的事情,使用导航栏,但将其固定在底部。
1条答案
按热度按时间ni65a41a1#
你要找的是一个“固定的”导航栏。
请参阅www.example.com上的相关文档https://bulma.io/documentation/components/navbar/#fixed-navbar。
您需要添加bar,然后在html或body元素中考虑它的高度。
对于页脚,你可以做同样的事情,使用导航栏,但将其固定在底部。