Задать вопрос
@Genri_Rus
javascript

Можно ли без использования ссылок как-то скроллить страницу на сайте?

Доброго времени суток!

Допустим у меня есть 4 section
<section id="s-1">
<section id="s-2">
<section id="s-3">
<section id="s-4">

И есть 4 навигационных списка
<ul>
        <li data-nav="s-1"></li>
        <li data-nav="s-2"></li>
        <li data-nav="s-3"></li>
        <li data-nav="s-4"></li>
</ul>

С помощью js можно ли как-то их объединить, чтобы при клике на определенную li можно было обращаться к id section ?
  • Вопрос задан
  • 138 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
SmthTo
@SmthTo Куратор тега HTML
Все перепёлки мира будут оплакивать мою смерть.
Если примитивно на jQuery, то вот:



$(document).on('click', "ul li", function() {

  let elementID = $(this).attr("data-nav");

  $('html, body').animate({
    scrollTop: $("#" + elementID + "").offset().top
  }, 700);

});
Ответ написан
9 комментариев
9 комментариев
Пригласить эксперта
Ответы на вопрос 2
xakplant
@xakplant
Автор сайта xakplant.ru
Можно и без jquery, если кому-то надо то вот
Ответ написан
Комментировать
Комментировать
@artemkotok
Если использовать стили css, то конечно же, да
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать телеграмм бота для анонимных сообщений
19 апр. 2024, в 14:53
30000 руб./за проект
Разработать парсер и админку
19 апр. 2024, в 14:12
30000 руб./за проект
Создать логотип
19 апр. 2024, в 14:10
500 руб./за проект
Ещё заказы