responsive-design - 无法从页面顶部移动 slicknav

Question

有没有办法在响应时在 slicknav 菜单上方显示内容？我试图将它从页面顶部移开，我试图得到：

====联系方式====

====LOGO====

====SLICKNAV====

Answer 1

不确定您已经尝试过什么 - 但您通常会使用 prependTo 属性来放置菜单所在的位置。

例如

<div id="d1">Before</div>
<div id="d2">some other content</div>
<div id="d3">third row of content</div>
<div>
    <ul style="display:none">
        <li>Option 1</li>
        <li>Option 2</li>
    </ul>
</div>
<div id="d4">4th row of content</div>

和脚本

$('ul').slicknav({
        prependTo:'#d3'
});

有关上述示例，请参阅此JSFIDDLE