点击

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