Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Skinner
@kazhan
JavaScript
CSS
Как сделать bounce effect для виджета?
Есть у меня виджет (кнопка обратного звонка) .
Добился результата, чтобы она подпрыгивала baunce animate.css. Не могу найти, как сделать чтобы при прокрутке страницы виджет поднимался до определенной высоты и падал вниз и немного подскакивал..
помогите пожалуйста информацией, кто знает!
Вопрос задан
более трёх лет назад
140 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Фронтенд-разработчик
10 месяцев
Далее
Skillfactory
Профессия Веб-разработчик
12 месяцев
Далее
Нетология
Fullstack-разработчик на Python + нейросети
20 месяцев
Далее
Решения вопроса
1
frontender
@frontender
можно при скролле добавлять этому виджету класс, который будет вызывать анимацию bounce, и затем, после анимации удалять этот класс.
Ответ написан
более трёх лет назад
4
комментария
Нравится
1
4
комментария
Facebook
Вконтакте
Twitter
Skinner
@kazhan
Автор вопроса
Спасибо за идею! А есть может примеры под рукой?
Написано
более трёх лет назад
frontender
@frontender
codepen.io/panay/pen/PZLWYd
сделал
Написано
более трёх лет назад
Skinner
@kazhan
Автор вопроса
frontender
: СПАСИБО!!!
Написано
более трёх лет назад
frontender
@frontender
отметьте решением данный ответ, если он вам помог, чтобы люди знали, где искать и что этот вопрос решен.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как на css сделать в карточке товара появление блока кнопок при наведении курсора?
1 подписчик
час назад
37 просмотров
1
ответ
CSS
Простой
Как такое сверстать?
1 подписчик
20 часов назад
169 просмотров
2
ответа
JavaScript
Простой
Как работать с разрозненными данными?
1 подписчик
21 окт.
181 просмотр
2
ответа
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
20 окт.
148 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
2 подписчика
16 окт.
124 просмотра
0
ответов
JavaScript
Простой
Как подгружать xml с перерисовкой таблицы?
3 подписчика
14 окт.
182 просмотра
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
215 просмотров
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
160 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как решить задачку из контеста?
1 подписчик
13 окт.
249 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Есть ли js-библиотека для офлайн-распознавания русской речи?
1 подписчик
12 окт.
175 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness
•
Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy
•
Нижний Новгород
от 50 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама