固定到页面顶部

在 <div class="mdui-appbar"></div> 上添加类 .mdui-appbar-fixed 可以将应用栏固定在页面顶部，不随滚动条滚动。

为了使应用栏不覆盖页面内容，需要在 body 上添加类来为 body 添加 padding-top：

.mdui-appbar-with-toolbar：应用栏中含工具栏时需要添加该类。

.mdui-appbar-with-tab：应用栏中含 Tab 选项卡时需要添加该类。

.mdui-appbar-with-tab-larger：应用栏中含同时又图标和文本的 Tab 选项卡时需要添加该类。

如果应用栏中有除了工具栏和 Tab 选项卡外的其他元素，需要你自己为 body 添加适当的 padding-top。

来源：https://www.mdui.org/docs/appbar#fixed

请谨记RTFM。

如何使应用栏覆盖在抽屉栏上方