单击时从窗口顶部滚动到特定位置

Question

有人知道使用JS单击链接时如何滚动到页面上的特定位置吗？ 例如，单击时，滚动到窗口顶部500px的位置。

我正在使用ScrollMagic插件，并且我的网站内容正在通过滚动位置激活，因此我无法仅使用锚链接。 而且它也不能从当前位置偏移，因为这也不起作用。

有任何想法吗？

Answer 1

这应该可以在纯js中解决问题：

document.body.scrollTop = 500;

Answer 2

这样的事情行吗？ 无论您将其附加到哪个链接，它都可以使您顺利滚动到该位置。

$('a[href*=#]').click(function() {
    $('html, body').animate({scrollTop: 500}, 500);
}

Answer 3

我建议通过jQuery来完成它：)在每种设备版本上都可以使用

$(document).ready(function()  //When the page is ready, load function
{
    $("#some_id").click(function()  // When arrow is clicked
    {
        $("body,html").animate(
        {
            scrollTop : 500                       // Scroll 500px from top of body
        }, 400);  //how fast the scrolling animation will be in miliseconds
    });
});