Как сделать прилипающий хедер как в iPhone, только на JS?

Question

[prrrrrrr]

Подскажите, Как сделать прилипающий хедер как в iPhone, только на JS? А именно в данном случае если мы проскролили надпись Обзор то плавно появляется фиксированный хедер с этим же содержимым.

Answer 1

[Шохрух Шаймардонов]

Тяжело наверно не иметь гугла?

Целая статья как ответ на ваш вопрос

Comments

[DeniSidorenko]

Им не завезли еще

Answer 2

[Николай Чуприк]

Грубо говоря, вот так:

$( window ).on( "scroll", () => {
   if ( parseInt( $( window ).scrolltop() ) < 0 )
      $( "#sticky_header" ).show();
   else
      $( "#sticky_header" ).hide();
} )

Comments

[Алексей Юдов]

с точкой в первой строке косяк вышел