положение: исправлено в Windows Phone 7

Question

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

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

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

Answer 1

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

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

Надеюсь, что поможет

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 и body к абсолютному при открытии модального режима решило проблему.Надеюсь, это помогло!