开发者社区> 问答> 正文

headroom 怎么用都没效果怎么破

Headroom

html

<header class="header"></div>
CSS

.header {
    background: rgba(255,255,255,.5);
    width: 100%;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    position: fixed;
    overflow: hidden;
    z-index: 99;
}
JavaScript

// 纯JS调用方式
// 获取页面元素
var myElement = document.querySelector("header");
// 创建 Headroom 对象,将页面元素传递进去
var headroom = new Headroom(myElement);
// 初始化
headroom.init();
各位大神是不是这样调用啊

展开
收起
a123456678 2016-05-27 15:17:37 2108 0
1 条回答
写回答
取消 提交回答
  • 看代码没有问题。有没有引入Headroom.js文件?还有如果你要有上下滚动滑条有不同效果是要定义headroom--unpinned和headroom--pinned类名的样式!不然就一点效果都没有!

    吐槽:

    1. 还有background: rgba(255,255,255,.5);背景色设置成了白色,如果没改变body的背景色压根就看不到把?
    2. ''你用了header标签,为什么闭合是
    ,写错了把。
    2019-07-17 19:17:59
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Android插件化-从入门到"放弃" 立即下载
长安十二时辰背后的技术秘籍 立即下载
阿里云技术面试红宝书 立即下载