我正在尝试为Windows Phone 8开发一个基于Web的应用程序。我有一个带有两个样式为position:fixed
的div的网页。如果我在Windows Phone上打开Internet Explorer应用程序并导航到我的网页,则固定元素将完美显示。但是,当我在本机应用程序中的WebBrowser
WP8控件中查看网页时,position:fixed
样式将被完全忽略。
我还注意到我的所有css转换也只能在完整的Internet Explorer应用程序中运行。这不是一个大问题,但缺乏固定定位是一个真正的问题。为什么WebBrowser
这样做,有没有解决办法?
我知道固定定位和转换在WP7中不起作用,我想知道WP8 WebBrowser
控件是否与WP7 WebBrowser
控件具有相同的代码。
答案 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上,固定元素相对于 文档本身,当用户滚动时可能不会保持在视图中 页。这意味着如果元素相对于底部固定 文档的右上角,用户只有在导航时才会看到它 在网页的右下角。
可能的解决方法是,
将div
容器用于非固定内容并应用style="overflow: scroll"
和固定大小。 See here和here用于基于javascript的固定定位解决方案。
答案 2 :(得分:0)
我也挂在这个问题上。在每次滚动看起来更糟糕之后,似乎无法创建固定元素并定位元素(尝试使用手机上的jquery移动在线示例,这样做)。
我"解决了#34;使用div容器为我的非固定内容使用style =" overflow:scroll"和固定的大小。这对我有用。但是在这个容器中滚动并不像本地滚动。
希望有所帮助