我不知道如何将粘性菜单编码到导航中

时间:2018-10-27 12:28:37

标签: javascript css html5 web nav

有人可以帮助我吗?我只有一个粘性菜单,它在机身上编码。如何将其更改为导航?

例如,进行编辑,我提供了一个 JSFiddle 链接。

http://jsfiddle.net/x8z4snt5/1/

这是一段CSS代码(有关完整代码,请点击上面的链接):

     header {
     position: fixed;
     width: 100%;
     padding-top: 50px;
     background: transparent;
     transition: 0.7s all;
     z-index: 100;
     font-family: 'Montserrat', sans-serif;
}
 body.header-fixed header {
     position: fixed;
     top: 0;
     background-color: white;
     right: 0;
     padding: 10px;
     box-shadow: 0px -14px 29px #00000059;
     width: 100%;
     z-index: 2;
}
 header .inner {
     width: 100%;
     position: relative;
     margin: 0 auto;
}
 .logo {
     float: left;
     background-image: url('../images/logo-wit.png');
     background-size: cover;
     height: 50px;
     width: 210px;
     margin-top: 10px;
     margin-left: 100px;
}
 body.header-fixed .logo {
     background-image: url('../images/logo-zwart.png');
     margin-top: 15px;
}

我希望你们能帮助我!

Martijn

0 个答案:

没有答案