如何使用vanilla JS在scroll上平滑滚动到div？

// 获取目标div元素
var targetDiv = document.getElementById('your-div-id');

// 使用scrollIntoView方法并设置behavior为'smooth'以实现平滑滚动
targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });

window.onload = function() {
    var targetDiv = document.getElementById('your-div-id');
    targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
};

<button id="scroll-button">滚动到目标div</button>
<div id="your-div-id">这里是目标内容</div>

<script>
document.getElementById('scroll-button').addEventListener('click', function() {
    var targetDiv = document.getElementById('your-div-id');
    targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
});
</script>