Question

javascript onclick在中间页面滚动到div？

我测试了我的代码，但没有滚动到中间页面，

如何滚动到页面中间？

<script>
function scroll_to_contact_form_fn() {
    $('html, body').animate({
        scrollTop: $("#myForm").offset().top -500
    }, 200);
}
</script>

我也试过这段代码，但没有滚动^^

<script>
function scroll_to_contact_form_fn() {
    $('html, body').animate({
        scrollTop: $("#myForm").offset().middle
    }, 200);
}
</script>

Answer 1

你好，你可以这样做 https://jsfiddle.net/ytgu1fbo/7/

首先，您首先计算总滚动高度。然后你去页面的中间，然后到你可见区域的一半。

var body = document.body,
    html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight, 
                   html.clientHeight, html.scrollHeight, html.offsetHeight );
$('html, body').animate({
    scrollTop: height/2 - window.innerHeight/2
}, 200);

我希望我明白你想要做的正确

javascript onclick滚动到中间页面的div？

1 个答案: