我有链接到这样的部分:

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


我如何才能将屏幕居中(垂直),并使部分位于屏幕中间而不是顶部。

感谢`s

最佳答案

我真的认为如果不使用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);


}

关于javascript - 链接到元素的ID和居中屏幕,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18831266/

10-12 01:16