作者:hellopc | 来源:互联网 | 2024-09-26 09:32
现在有个需求就是使用响应式布局但是呢又要导航栏部分是固定的,然后下面用全屏滚动,一共三屏,屏与屏之间切换时导航栏始终固定在上方,这个要用百分比会遇到问题。因为导航栏fixed以后就脱离正常文档流
现在有个需求就是使用响应式布局但是呢又要导航栏部分是固定的,然后下面用全屏滚动,一共三屏,屏与屏之间切换时导航栏始终固定在上方,这个要用百分比会遇到问题。因为导航栏fixed以后就脱离正常文档流,这个时候就需要第一屏与上面有个距离,而导航栏用10%,第一屏用90%不能实现想要的结果,第一屏用margin也不行,导航栏会跟着一起下来,只能用像素,而且第一屏只能用padding,但是这样在响应式和滚屏上会出现问题,试了各种方法,没能完美解决,现求一个完美的解决方法。。