CSS:position:fixed不能在Windows Phone上运行

时间:2014-03-31 01:59:18

标签: c# html css windows-phone-8 windows-phone

我正在尝试为Windows Phone 8开发一个基于Web的应用程序。我有一个带有两个样式为position:fixed的div的网页。如果我在Windows Phone上打开Internet Explorer应用程序并导航到我的网页,则固定元素将完美显示。但是,当我在本机应用程序中的WebBrowser WP8控件中查看网页时,position:fixed样式将被完全忽略。

我还注意到我的所有css转换也只能在完整的Internet Explorer应用程序中运行。这不是一个大问题,但缺乏固定定位是一个真正的问题。为什么WebBrowser这样做,有没有解决办法?

我知道固定定位和转换在WP7中不起作用,我想知道WP8 WebBrowser控件是否与WP7 WebBrowser控件具有相同的代码。

3 个答案:

答案 0 :(得分:5)

position:-ms-device-fixed为我做了诀窍。

答案 1 :(得分:3)

  
    

固定定位

         

使用CSS固定定位定位的元素表现出来     Internet Explorer for Windows Phone OS 8.0之间的区别     与用于Windows Phone OS 7.1的Internet Explorer相比。在互联网上     资源管理器Windows Phone OS 8.0(以及桌面)已修复     元素相对于浏览器的客户端视图定位     窗口。这意味着如果元素在底部固定在视图中     在右下角,它将始终显示在右下角的视图中     即使用户向上,向下,向左或向右滚动页面,也会转弯。     在Windows Phone OS 7.1上,固定元素相对于     文档本身,当用户滚动时可能不会保持在视图中     页。这意味着如果元素相对于底部固定     文档的右上角,用户只有在导航时才会看到它     在网页的右下角。

  
     

- From microsoft's website

可能的解决方法是,

div容器用于非固定内容并应用style="overflow: scroll"和固定大小。 See herehere用于基于javascript的固定定位解决方案。

答案 2 :(得分:0)

我也挂在这个问题上。在每次滚动看起来更糟糕之后,似乎无法创建固定元素并定位元素(尝试使用手机上的jquery移动在线示例,这样做)。

我"解决了#34;使用div容器为我的非固定内容使用style =" overflow:scroll"和固定的大小。这对我有用。但是在这个容器中滚动并不像本地滚动。

希望有所帮助