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


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


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


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

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

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

И он ее на другой странице найдет по id


Нужна помощь от меня но увидели что нет на сайте?! Задавайте тогда тут (ВК)
Страна: (RU)
Форум про uCoz » Раздел для uCoz » Другие скрипты для uCoz » Скрипт плавной прокрутки страницы по якорю
Страница 1 из 11
Поиск: