jquery - 如何使用 jQuery 滚动到 div 的顶部？

Question

我在一个div中有一个gridview ..我想使用jquery从div的底部滚动到div的顶部..任何建议..

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

我的 gridview 将在其中包含自定义分页生成的链接按钮...我将从链接按钮的底部滚动到 div 的顶部单击...

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函数......任何建议......

编辑：

就像每个用户页面的 Stackoverflow 问题...当更改页面编号时，它会以平滑的效果滚动到顶部...我想实现这一点...

score 190 · Accepted Answer

以下是您可以使用 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');
});

score 59 · Accepted Answer

或者，对于更少的代码，在您的点击中放置：

setTimeout(function(){ 

$('#DIV_ID').scrollTop(0);

}, 500);

score 4 · Accepted Answer

你可以只使用：

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

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

score 4 · Accepted Answer

4

特别感谢 Stoic

   $("#miscCategory").animate({scrollTop: $("#miscCategory").offset().top});

于 2019-04-23T04:24:22.537 回答

score 2 · Accepted Answer

这是我在单击按钮时滚动到顶部的解决方案。

$(".btn").click(function () {
if ($(this).text() == "Show options") {
$(".tabs").animate(
  {
    scrollTop: $(window).scrollTop(0)
  },
  "slow"
 );
 }
});

score 1 · Accepted Answer

我不知道为什么，但你必须添加一个 setTimeout 至少对我来说 200 毫秒：

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

用 Firefox / Chrome / Edge 测试。

score 0 · Accepted Answer

使用以下功能

window.scrollTo(xpos, ypos)

这里 xpos 是必需的。沿 x 轴（水平）滚动到的坐标，以像素为单位

ypos 也是必需的。沿 y 轴（垂直）滚动到的坐标，以像素为单位

jquery - 如何使用 jQuery 滚动到 div 的顶部？

7 回答 7

Related

Reference