移动端ios不兼容position:fixed属性

移动端ios不兼容position:fixed属性解决方法

#page_mm_detail_investment #wrap {position:relative;  
            top:0; 
            left:0;  
            bottom:11.75em; /*距离底部的距离为底部盒子的高度,如果页面中出现两个以上需要定位的盒子,则为两个盒子高度的和*/  
            overflow-y: scroll;  
            width: 100%;  
            height: auto;  
            -webkit-overflow-scrolling: touch;   /*这句是为了滑动更顺畅*/  }
#page_mm_detail_investment #wrap #header {position: fixed;  
            top: 0;height:6em; }
#page_mm_detail_investment #wrap #footer {position:fixed;  
            bottom: 0;height:5.75em; }
注:iphone4,iphone7,上下两个div中只有头部好用,底部div需设置为absolute;

你可能感兴趣的:(css)