• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Скрипт плавной прокрутки страницы по якорю
Скрипт плавной прокрутки страницы по якорю
workman
 		Пятница, 22 Сентября 2017, 22:36 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
« 155 »
Для того, чтобы осуществлялся переход к нужному месту на сайте, достаточно добавить ссылку на идентификатор нужного блока. Давайте сделаем это.
HTML меню
Код
<nav>
<ul>
   <li><a href="#top" class="scrollto">ссылка к разделу</a></li>
   <li><a href="#top1" class="scrollto">ссылка к разделу</a></li>
   <li><a href="#top2" class="scrollto">ссылка к разделу</a></li>
  </ul>
</nav>

Теперь задаете идентификаторы “top”, “top1” ”top2” соответствующим блокам куда нужно плавно отправить.
Выглядит примерно так: DEMO
Код
<div id="top" class="..." name="top">

JS в низ сайта
Страна: (RU)
Kosten
 		Пятница, 22 Сентября 2017, 23:47 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
Как можно понять, эта функция работает на одной странице.
Страна: (RU)
workman
 		Пятница, 22 Сентября 2017, 23:56 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
« 155 »
Цитата Kosten ()
эта функция работает на одной странице

Необязательно. Главное чтобы на другой привязать к якорю ее ... Например на другой странице стоит якорь
Ссылка в меню
Код
<a href="http://zornet.ru/index/0-2#top" class="scrollto">ссылка к разделу</a>

А на другой странице стоит
Код
<div id="top" class="..." name="top">

И он ее на другой странице найдет по id
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Скрипт плавной прокрутки страницы по якорю
  • Страница 1 из 1
  • 1
Поиск: