链接到元素的id和居中屏幕

Question

我链接到这样的部分：

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

我如何能够使（垂直）屏幕居中，并且部分位于屏幕中间而不是顶部。

Thank`s

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);

}

Answer 2

如果我正确地想象，我无法相信。