CSS недопустимое свойство webkit-sticky в инструментах разработки

Question

У меня есть веб-страница, которая используется для просмотра в android и ios. Я использую класс -webkit-sticky, чтобы график оставался на месте при прокрутке. Но, к сожалению, это работает только для chrome отзывчивой или android вкладки. Но когда я выбираю ipad в селекторе устройств в chrome devtools, он не работает. А еще я заметил, что -webkit-sticky недействителен.

введите описание изображения здесь

мои стили

.summary-content {
  width: 100%;
  float: left;
  /* height: calc(100vh - 50px); */
 overflow-y: scroll !important;
 overflow: hidden;
 position: -webkit-sticky;
 position: sticky;
 align-self: center;
 top: 0px;
}

Answer 1

Недействительно / отменяется вторым объявленным вами элементом позиции. Попробуйте удалить второе свойство позиции, как показано ниже:

.summary-content {
  width: 100%;
  float: left;
  /* height: calc(100vh - 50px); */
  overflow-y: scroll !important;
  overflow: hidden;
  position: -webkit-sticky;
  align-self: center;
  top: 0px;
}