Заставьте div (s) исчезать, когда пользователь начинает прокрутку, и заставляйте его появляться, когда пользователь прекращает прокрутку

Question

Заставьте div (s) исчезать, когда пользователь начинает прокрутку, и заставляйте его появляться, когда пользователь прекращает прокрутку

0

Я видел видео iOS 7, и они создали этот потрясающий эффект в браузере Safari. Когда пользователь начинает прокрутку, все меню и опция сдвигаются, и когда пользователь перестает прокручивать, меню и опции отскакивают назад и становятся видимыми.

Как создать аналогичный эффект с помощью JQuery. Скажем, у меня есть два div, которые содержат параметры и настройки, когда пользователь начинает прокрутку, они скользят и когда пользователь перестает прокручивать, они отскакивают назад и становятся видимыми.

Заранее спасибо!

user2793161 18 сен. 2013, в 23:12

Источник

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Eric H. · Accepted Answer · 2013-09-18T18-16-00.000Z

Я считаю, что событие scroll javascript запускается, когда пользователи начинают прокручивать. Я бы сделал следующее:

$(window).scroll(function() {
     // user started scrolling, hide div.
     clearTimeout($.data(this, 'scrollTimer'));
     $.data(this, 'scrollTimer', setTimeout(function() {
        // user paused scrolling for 250ms, show div.
        console.log("Haven't scrolled in 250ms!");
     }, 250));
});

Это просто адаптировано из этого SO-ответа.