固定导航,网站内容然后向上移动 - 如何防止这种情况?

时间:2013-09-23 16:47:10

标签: javascript jquery html css

目前我正在处理一个顶部横幅后跟顶部导航栏的页面。我正在制作它,以便当您向下滚动导航栏时 - 导航栏将固定。然而,当nav导航固定时,其他网站内容会向上推,因为导航栏不再是块元素。

有没有办法让导航栏固定,同时保留页面在同一位置的位置或内容?

2 个答案:

答案 0 :(得分:0)

设置div的margin-top,网站的其余部分等于导航栏的高度+导航栏的margin-top(因为有横幅)

答案 1 :(得分:0)

您使用哪种脚本来切换导航的位置?我已成功使用jQuery Waypoints(http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/)。也许您可以使用它,或查看它们如何解决您的问题。看起来他们在“粘性元素”周围添加了一个包装,这可以防止内容移动。