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

v.2.6.1. Что нового?

Правки наследования схем серверов обновлений. Улучшена логика наследования схем серверов обновлений для проектов компонент - категория - проект.

Не стабильные релизы в сервере обновлений. Теперь в данные сервера обновлений попадают все версии (alpha, beta и т.д.), а не только stable.

Косметические изменения. В шаблоне по умолчанию сделаны замены некоторых CSS-классов, уточнено присвоение атрибутов loading=lazy и fetchpriority.

Рефакторинг и правки кода. Текущее обновление кодовой базы.

Исправление ошибок.

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

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 Просмотров: 3039	26.02.2020, 11:07:53 от robert
Программное создание материалов в Joomla 3.8+ [ РЕШЕНО ] Автор dm-krv	Ответов: 36 Просмотров: 3954	12.12.2019, 21:06:08 от MDenis
[РЕШЕНО] Защита сайтов друг от друга при помощи open_basedir Автор dm-krv	Ответов: 14 Просмотров: 5980	22.04.2019, 17:46:48 от dm-krv
Бесплатный звонок с сайта, через интернет [РЕШЕНО] Автор dm-krv	Ответов: 8 Просмотров: 1010	03.04.2019, 09:43:32 от dm-krv
JQuery: как проигнорировать cors при парсинге? [РЕШЕНО] Автор dm-krv	Ответов: 20 Просмотров: 3848	17.01.2019, 20:11:58 от fsv

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

Новости Joomla

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

Количество расширений в Joomla Extensions Directory вновь стало расти.

SW JProjects v.2.6.1 - компонент каталога расширений для веб-приложений

v.2.6.1. Что нового?

dm-krv

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

dm-krv

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

Похожие темы