Прокрутите до определенной позиции сверху окна при нажатии

Question

Кто-нибудь знает, как я могу прокрутить до определенной позиции на странице при нажатии ссылки с помощью JS? Например, при щелчке выделите позицию 500px в верхней части окна.

Я использую плагин ScrollMagic, и содержимое моего сайта активируется положением прокрутки, поэтому мне не удается просто использовать привязные ссылки. Также он не может быть смещен с текущей позиции, так как это тоже не сработает.

Любые идеи?

Answer 1

Я reccomand делать это с помощью 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 
    }); 
}); 

Answer 2

Это должно сделать трюк в чистом JS:

document.body.scrollTop = 500; 

Answer 3

бы что-то вроде этой работы? Это даст вам гладкую прокрутку к этому месту для любой ссылки, к которой вы прикрепляете.

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