Данное решение очень поможет тем, кто хочет реализовать на своём сайте плавную прокрутку к нужным элементам на сайте
ДЕМО
Установка:
Элемент, по которому нужно кликать, чтобы осуществить скроллинг, оформляем вот так:
|
|
<a href="#logoTop" class="ancLinks">К якорю</a> |
Элемент, к которому нужно будет осуществить плавную прокрутку, оформляем так:
Следующий код поместите после /head на нужных страницах:
|
|
$(document).ready(function () { $("a.ancLinks").click(function () { destination = $('#logo').offset().top; // logo - id элемента, к которому прокручивать $("html,body").animate({ scrollTop: destination }, 1100); return false; }); }); |
Материал разработан Apocalypse
Imapo Project (c) 2015
Автор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
Apocalypse, не подскажешь как подправить скрипт, если нужно добавить второй якорь на странице?
RuD, не проблема: http://jsfiddle.net/budau5tf/1/
Apocalypse, спасиииииииибо [img]http://imapo.ru/img/aposmiles/135.png[/img]