Vue.js Почему не работает прокрутка scrollIntoView

Пытаюсь сделать прокрутку до элемента, использую следующий код:

html

<a v-on:click="scrollToElement('элемент')"> Прокрутить </a>

в конце страницы

<div id="элемент">Элемент</div>

Vue.js

methods: {
      scrollToElement(id) {
                    let element = document.getElementById(id.toString());
                    element.scrollIntoView({
                        block: "start",
                        behavior: "smooth"
                    });
                },
    },

При отладке console.log объект div существует, никаких ошибок не выдает.

Заметил особенность, при отключении в windows(быстродействие) функции "анимированные элементы управления и элементы внутри окна", функция начинает работать, но не плавно, а резким скачком к элементу. введите сюда описание изображения


Ответы (0 шт):