Изменение размера элемента не работает должным образом, особенно на сенсорных устройствах, на рабочем столе все в порядке.
Поэтому, когда вы нажимаете и запускаете прокрутку, размер элемента, который необходимо плавно и одновременно изменять, не изменяется, как ожидалось, он изменяется рывком (прыжком).
Минимальная высота при изменении размера составляет 60 пикселей;
Ионная версия 4.
Устройства Android / iOS.
this.content.ionScroll.subscribe((data) => {
const offset = this._headerHeight - data.detail.scrollTop - 1;
const _scrollTop = offset > 60 ? offset : 60;
this.height = _scrollTop;
});
<div class="sticky" [style.maxHeight.px]="height"></div>
Ожидайте плавного изменения высоты
Пример кода:
https://stackblitz.com/edit/github-igwscn-rresa6?file=src/app/home/home.page.html
и ссылка на приложение:
https://github -igwscn-rresa6.stackblitz.io / дом