Как реализовать смену логотипа при скролле, чтобы он фиксировался в углу экрана?

Question

[iMurser]

Имеется хедер в котором есть логотип. Задача заключается в следующем: при пролистывании страницы вниз, после скрытия хедера, нужно, чтобы сменился логотип и постоянно висел в определенной точке экрана. При скролле вверх, чтобы все менялось обратно.

Answer 1

[hzzzzl]

scrollTop
https://codepen.io/anon/pen/dxYNZp?editors=1010

Answer 2

[Alexandr Alexandrov]

Посмотрите на этот пример:
https://www.w3schools.com/howto/tryit.asp?filename...

В примере добавляется класс sticky при скролле, на него сможете определить новый логотип, его позиционирование и отображение\скрытие.