修正了Nav，网站内容随之上升--如何防止这一点？

Question

目前，我正在工作的网页，有一个顶部的横幅，然后是一个顶部导航栏。我是这样做的，当你向下滚动导航条-导航条变得固定。然而，当导航变得固定时，当导航栏不再是块元素时，其馀的网站内容就会向上推展。

是否有一种方法使导航条固定，同时将页面的位置或内容保留在同一位置？

Answer 1

设置div的边距-顶部与网站的其余部分相等于导航栏的高度+导航栏的边距-顶部(因为有横幅)

Answer 2

您使用什么样的脚本来切换导航的位置？我成功地使用了jQuery路标(http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/)。也许你可以用这个，或者看看他们是如何解决你的问题的。似乎他们在“粘性元素”周围添加了一个包装器，防止了内容的转移。