Кордова / Phonegap: отключить отказов только для верхнего и нижнего колонтитула

Question

Кордова / Phonegap: отключить отказов только для верхнего и нижнего колонтитула

0

Я использую это свойство внутри config.xml чтобы отключить отсканивание webview (iOS):

<preference name="DisallowOverscroll" value="true" />

Это работает так, как ожидалось. Но что, если я только хочу отключить это подпрыгивание для моего верхнего и нижнего колонтитулов? Они фиксируются в верхней и нижней части моего приложения, поэтому я не хочу, чтобы они подпрыгивали. Но это было бы скорее как родное чувство (особенно для списков), когда внутренний контейнер все еще имеет этот эффект отскока.

Есть ли способ достичь этого? Мой заголовок и нижний колонтитул не должны отскакивать, но мой внутренний контейнер должен отскочить.
И есть ли совместимость с iOS/Android?

23tux 06 май 2014, в 10:46

Источник

Теги:

html

android

css

ios

cordova

2 ответа

Ещё вопросы

MJarro · Answer 1 · 2014-05-06T07-35-00.000Z

Просто продолжайте использовать

<preference name="DisallowOverscroll" value="true" />

и в вашем CSS используйте следующий код в вашей прокручиваемой оболочке:

-webkit-overflow-scrolling: touch;

Это придаст этому эффекту прокручиваемый контент.

overflow: скрытый на верхнем и нижнем колонтитулах, чтобы пользователь не мог прокручивать его и переполнять: прокрутите свой контент и прокрутите css webkit.

Вот JSFiddle LIVE DEMO: http://jsfiddle.net/mPfeQ/

Примечание. Вы должны протестировать его на мобильном устройстве (оно не будет отображаться на компьютере)

Спасибо! Работает с более длинным контентом. Но что, если контент не нужно прокручивать, потому что он короткий? Тогда у вас не будет такого эффекта отскока. При просмотре собственных списков iOS, событий с одним элементом, они имеют эффект отскока. Вот ваша обновленная скрипка: jsfiddle.net/mPfeQ/1
Есть идеи по этому поводу? Когда контент слишком короткий, он больше не отскакивает
Если у кого-то еще есть идея, я был бы рад ее услышать. Это все еще терпит неудачу, когда содержание слишком короткое
@ 23tux 4 года спустя: как насчет установки min-height: 100vh div на min-height: 100vh ?

Arjun T Raj · Answer 2 · 2014-05-06T07-21-00.000Z

Привет, просто добавьте эти правила CSS в список или прокручивающийся элемент

  overflow: scroll;
  -webkit-overflow-scrolling: touch;

-webkit-overflow-scrolling: touch; даст эффект отскока к области прокрутки (внешний вид)