Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 1856 Просмотров
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Подскажите, можно ли как-то сделать скроллинг к первому на странице элементу с определенным классом? Не по ID, а именно по классу.
« Последнее редактирование: 05.11.2018, 08:52:04 от dm-krv »
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: Скроллинг к элементу НЕ по якорю
« Ответ #1 : 05.11.2018, 08:51:39 »
Нашел решение, всем спасибо.

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" соответственно.
« Последнее редактирование: 24.11.2018, 21:04:41 от dm-krv »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[РЕШЕНО] Добавить класс при условии JS?

Автор warlocksp

Ответов: 21
Просмотров: 1794
Последний ответ 26.02.2020, 11:07:53
от robert
Программное создание материалов в Joomla 3.8+ [ РЕШЕНО ]

Автор dm-krv

Ответов: 36
Просмотров: 2572
Последний ответ 12.12.2019, 21:06:08
от MDenis
[РЕШЕНО] Защита сайтов друг от друга при помощи open_basedir

Автор dm-krv

Ответов: 14
Просмотров: 2007
Последний ответ 22.04.2019, 17:46:48
от dm-krv
Бесплатный звонок с сайта, через интернет [РЕШЕНО]

Автор dm-krv

Ответов: 8
Просмотров: 551
Последний ответ 03.04.2019, 09:43:32
от dm-krv
JQuery: как проигнорировать cors при парсинге? [РЕШЕНО]

Автор dm-krv

Ответов: 20
Просмотров: 2339
Последний ответ 17.01.2019, 20:11:58
от fsv