scrollIntoView（）的平滑滚动;

Question

我有一个单选按钮。单击时，我将页面滚动到div。这完美地运作了。

这里是单选按钮的HTML：

<input type="radio" id="tab" onclick="document.getElementById('mydivID').scrollIntoView();" name="tabs1" class="input">

我唯一想要的是滚动是一个平滑的滚动。这可能吗？

Answer 1

document.getElementById('mydivID')
        .scrollIntoView({
            behavior: "smooth"
        });

让我知道这是怎么回事

Answer 2

这是一个对我有用的解决方案，首先获取要滚动视图的元素，然后应用平滑行为：

    const elm = document.getElementById(id)
    elm.scrollIntoView({ behavior: 'smooth' })

确保安装此polyfill（npm软件包）：

    # npm install smoothscroll-polyfill --save