Плавная прокрутка без скрытия якоря в ссылке

Статус
Закрыто для дальнейших ответов.

m_skam

Новичок
Регистрация
25.07.2016
Сообщения
4
Каким плагином можно реализовать плавную прокрутку без скрытия якоря в ссылке? для html сайта
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Не понял что значит "без скрытия якоря"?
Это реализуется на JS, можно и через jQuery, если он стоит

https://developer.mozilla.org/ru/docs/Web/API/Window/scrollTo
https://learn.javascript.ru/metrics-window

На jQ плавная прокрутка делается в 3 строчки

$('html, body').animate({
scrollTop: $("ЭЛЕМЕНТ_К_КОТОРОМУ_ПРОКРУЧИВАТЬ").offset().top
}, 500);
Есть плагин для jQ (но нужен ли он, если и так делается в 3 строки?)
http://xiper.net/collect/js-plugins/effects/scrollto
 

m_skam

Новичок
Регистрация
25.07.2016
Сообщения
4
BaNru сказал(а):
Не понял что значит "без скрытия якоря"?
Это реализуется на JS, можно и через jQuery, если он стоит

https://developer.mozilla.org/ru/docs/Web/API/Window/scrollTo
https://learn.javascript.ru/metrics-window

На jQ плавная прокрутка делается в 3 строчки

$('html, body').animate({
scrollTop: $("ЭЛЕМЕНТ_К_КОТОРОМУ_ПРОКРУЧИВАТЬ").offset().top
}, 500);
Есть плагин для jQ (но нужен ли он, если и так делается в 3 строки?)
http://xiper.net/collect/js-plugins/effects/scrollto
хм, щас проверю, но я ставил похожие скрипты, оно при плавной прокрутке не выдает в строке поиска ссылку в хешем.
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Это логично.
Любые скроллы блокируют стандартное поведение браузера, и следовательно якоря, чтобы сделать анимацию.
В таком случае надо прописывать якорь самому (скриптом) через document.location.hash или History API

То есть скролл на jQ будет выглядеть так
https://fiddle.jshell.net/BaNru/61px3v5e/

На чистом JS выглядит примерно также, просто добавляется цикл анимации, вместо animate. Лень писать его.
 
Статус
Закрыто для дальнейших ответов.
Верх Низ