在WordPress中创建固定导航菜单

Question

如何修复（在滚动时固定在顶部）我的WordPress驱动的网站导航菜单，如TechCrunch.com？

Answer 1

要始终将导航保持在网站顶部，请使用以下css作为菜单容器：

left: 0;
top: 0;
position: fixed;
padding: 5px 0;
width: 100%;
text-align: center;

如果用户向下滚动，您可以使用一些JavaScript来更改徽标大小。 我建议使用jQuery库检查导航栏的位置，更改它的位置，以防用户滚动超过导航顶部的高度，将其保持在窗口顶部，当然，当用户滚动时重复整个过程。

您可以在here

中找到简单易懂的教程

需要将jQuery代码放在header.php文件中，首先附加jquery库<script type="text/javascript" src="/scripts/jquerylibrary.js"></script>，然后将代码放在<script>标记中，也在标题php中