mdui实现headroom滚动菜单隐藏效果代码
代码语言:html
所属分类:加载滚动
代码描述:mdui实现headroom滚动菜单隐藏效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Headroom - 通过自定义属性调用</title> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/mdui.min.css"> <style> body { padding-top: 60px; } #banner { position: fixed; top: 0; left: 0; right: 0; height: 60px; background: #607D8B; } </style> </head> <body> <div id="banner" mdui-headroom></div> <div class="mdui-container"> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <.........完整代码请登录后点击上方下载按钮下载查看
网友评论0