如何使一个固定的标题与SlickNav [英] How to make a fixed header with SlickNav

问题描述

我需要做一个固定的标题包含一个slicknav菜单。
这是JQuery插件的首页： http://slicknav.com/

I need to make a fixed header containing a slicknav menu. This is the homepage of the JQuery plugin: http://slicknav.com/

我知道如何制作slicknav菜单： http://jsbin.com/ UqUloNO / 4

I know how to make a slicknav menu: http://jsbin.com/UqUloNO/4

我知道如何做一个基本的固定标题： http://jsbin.com/AwEDura/1/

And i know how to make a basic fixed header: http://jsbin.com/AwEDura/1/

但我不知道如何将它们放在一起。
这是我做的一个例子： http://jsbin.com/OzOgaFO/1/

But i don't know how can i put them together. This is an example of what i am doing: http://jsbin.com/OzOgaFO/1/ There is the fixed header but the slicknav disappear under.

有人知道如何制作一个包含slicknav菜单的固定标题？

Someone knows how can i make a fixed header containing a slicknav menu?

谢谢！

推荐答案

：fixed 样式到您的菜单元素。示例：

Just apply position: fixed style to your menu element. Example:

.slicknav_menu {
    display:block;
    position: fixed;
    width: 100%;
    top: 0;
}

工作样本： http://jsbin.com/UqUloNO/2/

这篇关于如何使一个固定的标题与SlickNav的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！