позиция: исправлена ​​в Windows Phone 7

Question

Я пытаюсь создать приложение PhoneGap для Windows Phone 7. Чтобы имитировать панель приложений, которая всегда должна быть видна в левой части экрана в альбомной ориентации, я хотел разместить <div> с CSS как position:fixed. Однако это не работает, потому что IE на WP7, похоже, не поддерживает его.

Есть ли у кого-нибудь идеи, как я могу отобразить такую ​​панель приложений без наличия position:fixed?

Заранее спасибо

Answer 1

Я также висит над этой проблемой. Кажется, что невозможно создать фиксированный элемент и позиционировать элементы после того, как каждый прокрутка выглядит еще хуже (попробуйте jQuery для мобильных онлайн-примеров на своем телефоне, они делают это так).

Я «решил» проблему, используя контейнер div для моего нефиксированного контента со стилем = «переполнение: прокрутка» и фиксированный размер. Это сработало для меня. Но прокрутка в этом контейнере не похожа на естественную прокрутку.

Надежда, что помогает

Answer 2

я сумел решить эту проблему на моем Win телефону 8 (Lumia 930).

У меня есть модальное окно, и при открытии на мобильном устройстве следует оставаться в точке зрения и прокручиваться внутри. Android и iphone отлично работали с фиксированной позицией, но победить в телефоне не удалось.

Мое решение было поместить активный класс по HTML, когда модальный активен и добавьте в CSS:

html.modal_active{ 
    overflow-y: hidden;-webkit-overflow-scrolling:touch; position: absolute; height: 100%; width: 100%; 
    body{overflow-y: hidden;-webkit-overflow-scrolling:touch; position: absolute; height: 100%; width: 100%;} 
} 

Это позиционирование HTML и тело к абсолютному, когда модальный открыто решить эту проблему. Надеюсь, это помогло!