CSS
- 65 ответов
- 0 вопросов
43
Вклад в тег
<a href="#second-screen" class="scroll-down-btn"></a>
.scroll-down-btn {
/* Тут стили кнопки, картинки, размеры */
position: relative;
bottom: -15px;
animation: bounce 0.4s infinite; /* Анимацию bounce пропишем ниже */
}
@keyframe bounce {
0 {
bottom: 0;
}
100% {
bottom: -15px;
}
}
$('.scroll-down-btn').on('click', function(e) {
e.preventDefault(); // Запрещаем переход по ссылке
var target: $(this).attr('href'), // Берем значение из ссылки как цель id="second-screen"
destination: $(target).offset().top; // Ищем верхнюю координату у нашей цели
$('body,html').animate({scrollTop: destination}, 500); // Плавно проматываем до цели
});
const { hash, href } = window.location;
const urlc = href.replace(hash, '');
if (hash && decodeURIComponent(readCookie('commentadd')) === urlc) {
alert("Комментарий оставлен");
}
const { hash, href } = window.location;
if (hash && href.includes(decodeURIComponent(readCookie('commentadd')))) {
alert("Комментарий оставлен");
}