Как правильно использовать will-change: scroll-position?

Question

[Растишка]

Для мобильного приложения (cordova) как правильно использовать will-change: scroll-position для длинных списков (сообщения в чате)? Для контейнера или для элементов?

<div class='container'>
  <div class="child">Ololo</div>
  <div class="child">Ololo</div>
  <div class="child">Ololo</div>
</div>

Вариант А:
.container {will-change: scroll-position}

Вариант Б:
.child {will-change: scroll-position}

Вариант В:

.container {will-change: scroll-position}
.child {will-change: transform}

Или как то иначе?

Answer 1

[Егор Живагин]

А.

Я далёк от мобильной разработки, но всё таки не очень понимаю, зачем вешать его в will-change ?) И причём тут transform у дочерних элементов - тоже. Буду благодарен за пояснение.

Comments

[Растишка]

Ну типа у них внутри контейнера будет меняться position при скролле. Я сам не знаю, где то видел такой вариант.

Между А и Б не заметил особой разнице на глаз, но вариант Б как будто производительнее при очень быстрой прокрутке (хотя он не очень логичен вроде).

[Егор Живагин]

Растишка, наоборот, он логичнее, потому что scroll появляется у родительского контейнера, а не у дочерних. И именно родительский элемент и будет прокручиваться

Повторюсь, не знаком с мобильной разработкой, но в вебе position никак не связан со скроллом. Фактически, у элементов абсолютно ничего не меняется, прокручивается именно родитель