我正在尝试创建一个带有导航栏和页脚的页面，但我希望它们总是粘在页面的顶部和底部，即使正文很长。当正文很长时，我希望它是可滚动的（当然，导航栏和页脚总是可见的）。我最接近这个设置的是使用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元素中考虑它的高度。
对于页脚，你可以做同样的事情，使用导航栏，但将其固定在底部。