Scroll-behavior не работает в Хроме?

Question

[dhat]

В Мозилле scroll-behavior: smooth; работает, а в Хроме нет?

Если нативного CSS решения нету, то как использовать вот этот сниппет?

// Scroll to specific values
// scrollTo is the same
window.scroll({
  top: 2500, 
  left: 0, 
  behavior: 'smooth' 
});

// Scroll certain amounts from current position 
window.scrollBy({ 
  top: 100, // could be negative value
  left: 0, 
  behavior: 'smooth' 
});

// Scroll to a certain element
document.querySelector('.hello').scrollIntoView({ 
  behavior: 'smooth' 
});

У меня не заводится :(

codepen.io/dhatt/pen/LbXqVa

Answer 1

[Ivan Bogachev]

scroll-behavior работает только в firefox.
scrollintoview тоже работает только в firefox. Хром частично умеет, но smooth его печалит. Вообщем все, что вы пробуете находится в стадии "черновика", до поддержки браузерами еще очень далеко.

Comments

[dhat]

Эх, ладно, уже сделал на JS. Хотел нативно))

[gazes12]

Ivan Bogachev как же тогда сделать плавную прокрутку скролла во всех остальных браузерах?