选择无线电输入后平滑滚动答案

【问题标题】：smooth scroll after select radio input选择无线电输入后平滑滚动
【发布时间】：2015-09-10 10:13:19
【问题描述】：

我希望用户选择一个单选输入

 <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();" />

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

【问题讨论】：

scrollintoview animation的可能重复

标签： javascript jquery radio smooth

【解决方案1】：

试试这个 jQuery sn-p:

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

并将packageBtn 类添加到您的单选按钮中。例如：

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

【讨论】：