使用position:fixed 保持流畅。on WindowsPhone 8.1 IE

2024年4月2日 203次阅读 来源: Songlairui 
是手机端浏览器不支持position:fixed 吗？
**使用了position:fixed之后**
遇到的问题：
    想要固定显示的内容并没有固定显示
    触屏上滑动时，卡顿现象严重

可能的原因

  1. html，body 标签是否有固定高度，如 html,body{height:100%}
    解决方法：html,body{min-height:100%;}
  2. position:fixed 直接作用的元素本身，有 border-radius 不为0样式；
    解决方法：.fixedDiv{border-radius:0px;}
    注：此元素的子元素添加 圆角样式，不会造成卡顿。
  3. html:after,body:after 伪元素，有height值
    解决方法：删掉呗

WP 系统的IE 已经支持Position:fixed 了，尽管以前可能不支持。

下面不是重点了
体验一下在 Lumia 520 (Windows Phone 8.1):
….事例代码整理中。。。。

    原文作者：Songlairui
    原文地址: https://segmentfault.com/a/1190000002404673
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞