居中滚动导航栏

我正试图将您在向下滚动http://digitalblare.com时出现的导航栏居中。当您向下滚动网页时出现在网站上的全屏水平条的一部分时，我已设法将其居中，但这完全超出了我的视野。预先感谢任何帮助！居中滚动导航栏

这是用于滚动前居中菜单中的CSS：

.top-menu { width: 1045px; margin-left: auto; margin-right: auto; }

真的基本的东西。一旦滚动下来，虽然我不能为我的生活找出什么编码或其他＃或。把它。

2013-12-24 Praphael

您可以显示一些相关的代码吗？ – Popnoodles

当然，对不起 - 所以这是在滚动之前用于居中菜单的CSS： .top-menu { width：1045px; margin-left：auto; margin-right：auto; } 真正基本的东西。一旦滚动下来，虽然我不能为我的生活找出什么编码或其他＃或。把它。 – Praphael

你想中心，当它的滚动？ – Arda

更新在下面的CSS

.top_menu { /* #main-nav.fixed-nav */ 
    width: 100%; 
    margin: 0 auto; 
}

它为我的宽度，试穿提供的链接。如果你想保住你的最小宽度然后更新到

.top_menu { /* #main-nav.fixed-nav */ 
    width: 100%; 
    min-width: 1045px; 
    margin: 0 auto; 
}

2013-12-24 02:07:00

感谢您的回答，抱歉，不确定要分享哪个代码。以下是显示问题的图片的链接：http://digitalblare.com/wp-content/uploads/2013/12/Untitled-1.png 我试着输入您提供的代码，但问题仍然存在。 – Praphael

在图像中添加的属性显示错误，我想你错过了宽度：100％和边距：0 auto之间的分号，它应该是宽度：100％;保证金：0汽车; –

工作，非常感谢！ – Praphael

它通过JS改变固定位置。所以它添加到您的CSS

#main-nav.fixed-nav{ 
left:50%; 
margin-left: -522px; /* half of 1045 px */ 
}

2013-12-24 02:20:14 Arda

回答