我该如何修复(滚动时固定在顶部)由WordPress驱动的网站的导航菜单(如TechCrunch.com)?
#1若要始终将导航保持在站点顶部, 请对菜单容器使用以下CSS:
left: 0;
top: 0;
position: fixed;
padding: 5px 0;
width: 100%;
text-align: center;
然后, 如果用户向下滚动, 则可以使用一些JavaScript来更改徽标大小。我建议使用jQuery库检查导航栏的位置, 以防用户滚动超过导航顶部的高度时更改其位置, 以使其保持在窗口顶部, 并且当然在用户滚动时重复整个过程。
你可以在这里找到简单易用的教程
【在WordPress中创建固定导航菜单】jQuery代码需要放在你的header.php文件中, 首先通过附加jquery库< script type =” text / javascript” src =http://www.srcmini.com/” / scripts / jquerylibrary.js” > < / script> , 然后将代码放入< script> 标签也位于标题php中
推荐阅读
- 微软更新Office Mix增加Windows 8数字学习内容
- 在WordPress中从头开始创建自定义主题,而无需使用默认设置
- 在Redux WordPress框架中创建新的自定义字段选项
- 动态将默认主题菜单连接到一页区域
- 通过CSS基于图像创建自定义边框样式
- 在WordPress中安装主题所需的连接信息
- 比较WP_Query中以序列化数组形式存储的meta_value
- 克隆具有自定义主题的WordPress Woo Commerce网站
- 更改WooCommerce可用性文本并包括原始HTML