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