Плавная прокрутка (cкроллинг) к якорю (элементу) на jQuery
Данное решение очень поможет тем, кто хочет реализовать на своём сайте плавную прокрутку к нужным элементам на сайте
Установка:
Элемент, по которому нужно кликать, чтобы осуществить скроллинг, оформляем вот так:
|
1 |
<a href="#logoTop" class="ancLinks">К якорю</a> |
Элемент, к которому нужно будет осуществить плавную прокрутку, оформляем так:
|
1 |
<div id="logo"></div> |
Следующий код поместите после /head на нужных страницах:
|
1 2 3 4 5 6 7 8 9 |
$(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
Apocalypse, не подскажешь как подправить скрипт, если нужно добавить второй якорь на странице?
RuD, не проблема: http://jsfiddle.net/budau5tf/1/
Apocalypse, спасиииииииибо [img]http://imapo.ru/img/aposmiles/135.png[/img]