Плавная прокрутка к элементу
Добрый день коллеги, прошу помощи, замучился уже. Мне необходимо реализовать плавную прокрутку к элементу. Есть код, который осуществляет прокрутку, но к сожалению не плавно.
Array.prototype.forEach.call(document.querySelectorAll("#scroll"), function(e){
e.setAttribute("onclick", " window.scrollTo(0,document.getElementById('scroll').scrollHeight);"+e.getAttribute("onclick"))
});
Помогите пожалуйста его модернизировать для плавной прокрутки. |
document.querySelector("элемент на который нажимать").onclick = document.querySelector("элемент к которому крутить").scrollIntoView({behavior: 'smooth'});
|
j0hnik, что с кросс-браузерностью у этого метода?
Тут данные, видимо, старые. |
Nexus,
https://caniuse.com/#search=scrollIntoView с плавностью только современные браузеры, к сожалению |
и на этом спасибо:) очень помогли
|
snut8, для старых браузеров плавность можно прикрутить.
https://learn.javascript.ru/js-animation |
для behavior:'smooth' есть полифил, просто его добавить и всё.
|
| Часовой пояс GMT +3, время: 12:09. |