Как создать плавающий блок без position: fixed или sticky c реакцией на скрол в верх и низ?

Question

[Евгений]

Добрый день. Прошу подсказать советом или помочь готовым решением.
Суть сабжа. Есть сайт на котором уже все заверстно, но возникла необходимость при скроле добавить фиксацию блока, если после него идет пустое пространство, вызванное большей высотой соседнего блока. При этом когда мы курим в верх, блок тоже скролится а не залипает.
Референс: https://news.mail.ru/society/27469934/?frommail=1

Предполагаю, что нужно тянуть блок с помощью translateY, но как проверять состояния

Answer 1

[Андрей Б.]

leafo.net/sticky-kit/#examples
sticky01.blogspot.ru/2013/09/5.html

Comments

[Евгений]

Спасибо, последний точно нет, первый попробую

Answer 2

[Дмитрий Мельник]

Думаю, без fixed не обойтись, т.к. IE имеет свойство все портить, и выглядеть это будет ужасно. Блок будет дергаться. Чем Вас не устраивает предложенный выше вариант?
А проверять позицию блока можно при помощи jquery offset().top и scrollTop()

Comments

[Евгений]

На IE можно и так выводить. Про вариант выше, вы спрашиваете так, буд-то я уже отказал в нем)