javascript - html javascript 平滑滚动

Question

如何使用 JavaScript 平滑滚动？我想要平滑向下滚动到 Div 谁知道如何在下面的 JavaScript 代码中添加平滑滚动

function scroll_to(val) {
 if(val== "Scroll down to div id")  
    document.getElementById('divid11').scrollIntoView();
}

<select onchange="scroll_to(this.value);">
<option>1111111</option>
<option>2222222</option>
<option >Scroll down to div id</option>
<option>4444444</option>
<option>5555555</option>
<option>6666666</option>
</select>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div id='divid11'>scroll</div>

Answer 1

这通常已经得到解答 here 。因此，结合使用 JQuerys .animate 函数和 ScrollTop 即可达到目的。

要在不使用 JQuery 的情况下执行此操作，您可以遵循 this教程。