使用Material Design Lite将标题固定在顶部的可滚动页面

时间:2017-09-29 09:34:11

标签: css material-design-lite

我正在寻找使用Material Design Lite滚动固定标题的解决方案。

我想做的就像Stack Overflow正在做的那样。当您将光标移到Stack Overflow上的标题上并使用鼠标向下滚动时,页面会向下滚动,标题会固定在顶部。并且滚动条不会停在标题的底部。滚动条通过标题延伸到页面顶部。这就是我想要做的。

我的网页使用Material Design Lite中的布局组件。我使用mdl-layout--fixed-header来修复标题。即使标题是固定的并且页面内容是可滚动的,当光标位于标题上时,我无法使用鼠标滚动页面,滚动条会停留在标题的底部。

如何像Stack Overflow一样创建页面布局?

1 个答案:

答案 0 :(得分:0)

您只需将样式position: fixed添加到标题

即可