javascript - 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