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

是手機端瀏覽器不支持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):
....事例代碼整理中。。。。html

相關文章
相關標籤/搜索