JavaScriptのscrollIntoView()を利用した画面スクロールの動作確認ツール

<!-- スクロールボタン -->
<button id="scroll-btn">Scroll to Target</button>

<!-- ターゲット要素 -->
<p id="target-element">Target</p>

/* 特になし */

const button = document.querySelector('#scroll-btn');
const element = document.querySelector('#target-element');

button.addEventListener('click', () => {
	element.scrollIntoView({
		behavior: '{{behavior}}',
		block: '{{block}}'
	});
});