一、导航栏或者页脚正常情况下固定在页面的相应位置,当页面滚动后,导航栏或者页脚固定在页面的顶部或者底部的情景
一般就是将该块的代码样式的position设置为fixed.固定在顶部的话,将top设置为0,或者某一个固定值(例如:200px)
固定在底部的话就将bottom设置为0.或者固定值。
实际情况下,当导航栏滑动的时候,在该模块的位置可能会出现抖动情况。
二、解决抖动
在将其position:fixed的同事设置内部元素position:absolute;
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
1 <<
一、导航栏或者页脚正常情况下固定在页面的相应位置,当页面滚动后,导航栏或者页脚固定在页面的顶部或者底部的情景
一般就是将该块的代码样式的position设置为fixed.固定在顶部的话,将top设置为0,或者某一个固定值(例如:200px)
固定在底部的话就将bottom设置为0.或者固定值。
实际情况下,当导航栏滑动的时候,在该模块的位置可能会出现抖动情况。
二、解决抖动
在将其position:fixed的同事设置内部元素position:absolute;
1 <<