AleksMey
@AleksMey
Пытаюсь разобраться

Как сделать плавающий элемент, который появляется при скролинге вниз?

Необходимо сделать на сайте плавающую кнопку, которая будет появляется изначально, когда страница открыта, пропадать когда пользователь начинает скролить страницу вниз, появляется когда пользователь скролит вверх. Как к примеру работают панели в мобильных приложениях Вконтакте и одноклассники. Такая кнопка есть в мобильном приложении одноклассники в разделе сообщений. Там она круглая и появляется снизу справа.
  • Вопрос задан
  • 102 просмотра
Решения вопроса 1
@kvaak
FE
var yourButton = $('Ваша кнопка');
var lastScrollTop = 0;
$(window).scroll(function(){
   var st = $(this).scrollTop();
   st > lastScrollTop ? yourButton.hide() : yourButton.show();
   lastScrollTop = st;
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы