Как прокручивать до вершины div с помощью jquery?

У меня есть gridview внутри div... Я хочу прокрутить до вершины div из нижней части div, используя jquery... Любое предложение....

<div id="GridDiv">
// gridview inside...
</div>

В моем gridview будут созданы настраиваемые кнопки с привязкой к страницам... Я прокручу к вершине div со дна на кнопке link click...

protected void Nav_OnClick(object sender, CommandEventArgs e)
    {
        LinkButton lb1 = (LinkButton)sender;
        //string s = lb1.ID;
        ScriptManager.RegisterClientScriptBlock(lb1, typeof(LinkButton), 
 "scroll", "javascript:document.getElementById('GridDiv').scrollTop = 0;", true);

Вместо javascript я вызываю функцию jquery... Любое предложение...

EDIT:

Точно так же, как вопросы Stackoverflow на странице пользователя... При смене страницы nos она прокручивается вверх с гладким эффектом.... Я хочу добиться этого...

Ответы

Ответ 1

Вы можете просто использовать:

<div id="GridDiv">
// gridview inside...
</div>

<a href="#GridDiv">Scroll to top</a>

Ответ 2

Вот что вы можете сделать, используя jquery:

$('#A_ID').click(function (e) { //#A_ID is an example. Use the id of your Anchor
    $('html, body').animate({
        scrollTop: $('#DIV_ID').offset().top - 20 //#DIV_ID is an example. Use the id of your destination on the page
    }, 'slow');
});

Ответ 3

Или, за меньший код, внутри вашего клика вы помещаете:

setTimeout(function )( { $('#DIV_ID').scrollTop(0); }, 500);

Ответ 4

Я не знаю, почему, но вам нужно добавить setTimeout, по крайней мере, для меня 200ms:

setTimeout( function() {$("#DIV_ID").scrollTop(0)}, 200 );

Протестировано с помощью Firefox/Chrome/Edge.

Ответ 5

Используйте следующую функцию

window.scrollTo(xpos, ypos)

Здесь требуется xpos. Координата для прокрутки по оси х (по горизонтали) в пикселях

ypos также требуется. Координата для прокрутки по оси Y (по вертикали) в пикселях