Плавная прокрутка overflow:hidden на js

20.04.2020, 16:07. Показов 719. Ответов 0

Метки css, js, анимация (Все метки)

Author24 — интернет-сервис помощи студентам

Здравствуйте, нужно сделать плавную прокрутку. Есть отдельный span, внутри два параграфа:

HTML5

<span class="scroll">
    <p>1</p>
    <p>2</p>
</span>

Скрипт js:

Javascript

            let scroll = document.getElementById('scroll');     
            scroll.addEventListener('mouseover',scroll1);
            scroll.addEventListener('mouseout',scroll2);
            function scroll1() {
                scroll.scrollBy(0,63);
            }
            function scroll2() {
                scroll.scrollBy(0,-63);
            }

Свойство transition, добавленное к самому span, и к двум параграфам, не спасло, надпись все так-же телепортируется, без намека на плавность. Как быть?
.

Заказать работу у эксперта

Programming

Эксперт

94731 / 64177 / 26122

Регистрация: 12.04.2006

Сообщений: 116,782

20.04.2020, 16:07

Ответы с готовыми решениями:

Побороть скриптовую высоту overflow:hidden в слайдере
Здравствуйте. Есть слайдер Royal Slider. В его настройках есть такой параметр autoHeight: true. Это...

Плавная прокрутка на JS
$(".buttUp").click(function (){ scrollBlock = $(".block_1").offset().top; ...

Плавная прокрутка до якоря
Здравствуйте! Есть такое вот меню: <a href="http://www.site.ru#">Главная</a> <a...

Плавная горизонтальная прокрутка
Уже не нужно, сам сделал.

	20.04.2020, 16:07

IT_Exp

Эксперт

87844 / 49110 / 22898

Регистрация: 17.06.2006

Сообщений: 92,604

20.04.2020, 16:07

Помогаю со студенческими работами здесь

Плавная прокрутка к якорям
Всем привет! Возникла проблема, нужно сделать плавную прокрутку к якорям. Что я только не пробовал,...

Плавная прокрутка к якорю
Здравствуйте, я пока только учусь...немного не догоняю, в общем на странице есть меню <ul>...

Плавная прокрутка изображения
Доброго дня. задача очень примитивна. моя реализация представлена тут -...

Плавная прокрутка при клике
Здравствуйте!) Делаю якоря через "data" (мне удобнее), хотел сделать плавную прокрутку к объекту с...

Как узнать полную высоту скрытого содержимого блока со стилем overflow-x: 'hidden'
Здравствуйте друзья. Пошарив поисковики и так ничего не найдя, сразу к вам. Натолкнулся на такую...

Плавная прокрутка при нажатий по области
$(document).ready(function() { $("a.topLink").click(function() { $("html,...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Наверх