Страница 1 из 11
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Скрипт плавной прокрутки страницы по якорю
Скрипт плавной прокрутки страницы по якорю
workman
Дата: Пятница, 22.09.2017, 22:36 | Сообщение 1
Гл. Модератор
Сообщений:1696
Награды: 8


Для того, чтобы осуществлялся переход к нужному месту на сайте, достаточно добавить ссылку на идентификатор нужного блока. Давайте сделаем это.
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.09.2017, 23:47 | Сообщение 2
Администраторы
Сообщений:15987
Награды: 51


Как можно понять, эта функция работает на одной странице.
Страна: (RU)
workman
Дата: Пятница, 22.09.2017, 23:56 | Сообщение 3
Гл. Модератор
Сообщений:1696
Награды: 8


Цитата Kosten ()
эта функция работает на одной странице

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

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

И он ее на другой странице найдет по id
Страна: (RU)
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Скрипт плавной прокрутки страницы по якорю
Страница 1 из 11
Поиск: