移动端页面底部导航条固定方法

1.平时我们让导航栏不随页面滚动一般使用position:fixed进行固定,但这个方法在ios移动端有兼容性问题(当呼出键盘时底部就会被顶上去)

2.为解决这一问题,我们可以转变思路,让body和html不滚动,将屏幕分为两块区域,分别是导航栏和中间内容区域,然后中间内容区域设置over-flow:auto,让中间的内容区域自己滚动,从而达到页面滚动效果.
转载地址:https://www.jianshu.com/p/6a679ff822d1



    
        
        
        
        
    
    
        

你可能感兴趣的:(html)