Показывать заголовок при прокрутке достаточной части страницы и с определенной скоростью

Я пытался сделать что-то в jquery, например:

  1. Скрыть заголовок, когда пользователь прокручивает вниз

  2. Когда пользователь немного прокручивает вверх, не показывать заголовок

  3. Когда пользователь прокручивает немного больше, но с медленной скоростью, что означает, что пользователь может читать содержимое, заголовок по-прежнему не отображается.

  4. Когда пользователь прокручивает вверх достаточно и с более высокой скоростью, это означает, что пользователь может захотеть перейти наверх или, хочет получить доступ к навигации, ПОКАЗАТЬ ЗАГОЛОВОК и перейти к верхней ссылке.

Я много искал, но ничего подобного не нашел. Я пробовал следующее:

http://wicky.nillia.ms/headroom.js/

Спасибо


user-interface html jquery css user-experience
person Arsalk    schedule 17.04.2015    source источник
comment
Что вы пробовали до сих пор?   -  person kosmos    schedule 17.04.2015
comment
Привет, я не очень хорошо разбираюсь в javascript, но я пробовал это jsfiddle.net/mariusc23/s6mLJ/ 31 в моем коде, но дает задержку как при прокрутке вверх, так и вниз, плюс скорость в нем вообще не считается.   -  person Arsalk    schedule 17.04.2015

Ответы (1)


arrow_upward
0
arrow_downward

Это можно сделать с помощью jQuery.

Однако на него уже был дан ответ: Как скрыть заголовок при прокрутке вниз, показать при прокрутке вверх, как в меню LinkedIn

Изменить

Хорошая статья: https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c

person Hamza Shezad    schedule 17.04.2015
comment
Спасибо, но я уже читал эти статьи, они не отвечают на то, что я спросил на самом деле. - person Arsalk; 20.04.2015