Задать вопрос
AleksMey
@AleksMey
Пытаюсь разобраться

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

Необходимо сделать на сайте плавающую кнопку, которая будет появляется изначально, когда страница открыта, пропадать когда пользователь начинает скролить страницу вниз, появляется когда пользователь скролит вверх. Как к примеру работают панели в мобильных приложениях Вконтакте и одноклассники. Такая кнопка есть в мобильном приложении одноклассники в разделе сообщений. Там она круглая и появляется снизу справа.
  • Вопрос задан
  • 122 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
@kvaak
FE
var yourButton = $('Ваша кнопка');
var lastScrollTop = 0;
$(window).scroll(function(){
   var st = $(this).scrollTop();
   st > lastScrollTop ? yourButton.hide() : yourButton.show();
   lastScrollTop = st;
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы