在WordPress中创建固定导航菜单

我该如何修复(滚动时固定在顶部)由WordPress驱动的网站的导航菜单(如TechCrunch.com)？

#1

若要始终将导航保持在站点顶部, 请对菜单容器使用以下CSS：

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

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

你可以在这里找到简单易用的教程

jQuery代码需要放在你的header.php文件中, 首先通过附加jquery库<script type =” text / javascript” src =” / scripts / jquerylibrary.js”> </ script>, 然后将代码放入<script>标签也位于标题php中