Скроллинг к элементу с определенным классом [РЕШЕНО]

Нашел решение, всем спасибо.

http://dontforget.pro/javascript/plavnyiy-skrolling-k-elementu-na-jquery/

Цитата: saxap

Всем доброго времени!
Оставлю здесь небольшой простенький скрипт для плавного скроллинга(прокрутки) страницы к указанному элементу. Скрипт работает так: ловит событие клика по ссылке элементу с классом go_to и атрибутом href=’#element’ или href=’.element’, где element — это id/класс элемента к которому нам надо прокрутить страницу, дальше с помощью animate анимируем событие прокрутки.
Код
$(document).ready(function(){
    $('.go_to').click( function(){ // ловим клик по ссылке с классом go_to
	var scroll_el = $(this).attr('href'); // возьмем содержимое атрибута href, должен быть селектором, т.е. например начинаться с # или .
        if ($(scroll_el).length != 0) { // проверим существование элемента чтобы избежать ошибки
	    $('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 500); // анимируем скроолинг к элементу scroll_el
        }
	    return false; // выключаем стандартное действие
    });
});
Теперь при нажатии на ссылку
<a class="go_to" href="#elm">Туда</a> или <a class="go_to" href=".elm">Сюда</a>
страница плавно проскроллится к элементу с id="elm" или class="elm" соответственно.

[РЕШЕНО] Добавить класс при условии JS? Автор warlocksp	Ответов: 21 Просмотров: 3106	26.02.2020, 11:07:53 от robert
Программное создание материалов в Joomla 3.8+ [ РЕШЕНО ] Автор dm-krv	Ответов: 36 Просмотров: 4094	12.12.2019, 21:06:08 от MDenis
[РЕШЕНО] Защита сайтов друг от друга при помощи open_basedir Автор dm-krv	Ответов: 14 Просмотров: 6370	22.04.2019, 17:46:48 от dm-krv
Бесплатный звонок с сайта, через интернет [РЕШЕНО] Автор dm-krv	Ответов: 8 Просмотров: 1054	03.04.2019, 09:43:32 от dm-krv
JQuery: как проигнорировать cors при парсинге? [РЕШЕНО] Автор dm-krv	Ответов: 20 Просмотров: 4002	17.01.2019, 20:11:58 от fsv

Скроллинг к элементу с определенным классом [РЕШЕНО] - Готовые рецепты и советы

Новости Joomla

👩‍💻 ИИ-админ для Joomla ближе, чем вы думаете: Joomla MCP.

Проблемы с доступом к сайту расширений для JoomShopping - Nevigen

Вышли релизы безопасности Joomla 6.0.4 и Joomla 5.4.4

dm-krv

Скроллинг к элементу с определенным классом [РЕШЕНО]

dm-krv

Re: Скроллинг к элементу НЕ по якорю

Похожие темы