个性化阅读
专注于IT技术分析

在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中

赞(0) 打赏
未经允许不得转载:srcmini » 在WordPress中创建固定导航菜单
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏