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

时间:2015-06-24 09:22:36

标签: javascript jquery radio smooth

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

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

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

1 个答案:

答案 0 :(得分:1)

试试这个jQuery代码段:

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

packageBtn类添加到单选按钮。 E.G:

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