Как сделать плавающий элемент position fixed с ограничением по скролу?
Есть карточка товара с абсолютным позиционированием на определенной высоте от верха окна.
При скролле, доходя до этой карточки, она должна становиться плавающей с позицией fixed с top 0.
Дойдя до определенного блока, карточка должна перед ним остановиться, а скролить можно дальше уже без карточки.
Но возвращаясь назад, карточка вновь должна фиксироваться и возвращаться со скролом в свое изначальное абсолютное положение.
Задаюсь if (pageYoffset > расстояние до карточки && pageYoffset < расстояние до блока) {
Удалить класс с абсолютом, добавить класс с фиксом
} Else if (pageYoffset > расстоние до блока) {
Удалить класс с фиксом, добавить класс с абсолютом, задать высоту топ до этого блока
}
Но карточка в начале этой операции дергается, плывет, останавливается у блока, а на обратном пути вообще пропадает...
