Тема
:
Плавная прокрутка к нужному ID
Показать сообщение отдельно
#
3
(
permalink
)
15.06.2014, 20:19
StartGames
Кандидат Javascript-наук
Регистрация: 13.06.2014
Сообщений: 143
Сообщение от
Octane
1. вешаешь обработчик клика на документ и фильтруешь в нем клик по ссылке, ведущей на якорь
http://learn.javascript.ru/bubbling-...-event-target
2. отменяешь (event.preventDeault) стандартное действие браузера - прокрутку к якорю
http://learn.javascript.ru/default-browser-action
3. определяешь вертикальное положение элемента, к которому необходимо прокрутить страницу
http://learn.javascript.ru/coordinates
4. плавно изменяешь document.scrollTop
http://learn.javascript.ru/js-animation#основы-анимации
http://learn.javascript.ru/metrics-window
А можете показать на примере?)
Вот у меня есть ссылка:
Код:
<a href="scroll#id74">Прокрутить к иду 74</a>
Вот к этому иду:
Код:
<div id="id74"></div>
И как по волшебству, по клике на ссылку происходит прокрутка к id74.))