Javascript 选择收音机输入后平滑滚动

我希望用户选择一个无线电输入

 <input id="package1" type="radio" name="package1" value="package1" onClick="document.getElementById('complate').scrollIntoView();" />
 <input id="package2" type="radio" name="package2" value="package2" onClick="document.getElementById('complate').scrollIntoView();" />

---

此事件快速滚动到部分，但我需要平滑滚动

尝试以下jQuery代码片段：

$('.packageBtn').click(function() {
    $('html, body').animate({
        scrollTop: $('#complate').offset().top
    }, 1000);
});

并将

packageBtn

类添加到单选按钮中。例如：

<input id="package1" class="packageBtn" type="radio" name="package1" value="package1"/>