javascript - 要素の ID とセンタリング画面へのリンク

Question

次のようなセクションへのリンクがあります。

<a href="#section3">Section 3</a>

画面を（垂直に）中央に配置し、セクションを画面の中央に配置するにはどうすればよいですか。

ありがとう

Answer 1

Javascriptを使わずにあなたが望むことが可能だとは本当に思いません。

js を使用できる場合は、次のコードを使用できます。

function scrollToElement(selector, time, verticalOffset) {
time = typeof(time) != 'undefined' ? time : 1000;
verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
element = $(selector);
offset = element.offset();
offsetTop = offset.top + verticalOffset;
$('html, body').animate({
    scrollTop: offsetTop
}, time);

}