javascript - 以编程方式将可滚动的 div 滚动到其顶部

Question

我有一个固定高度的可滚动 div，里面有一个很长的列表。当我用长列表向下滚动时，我想滚动到可滚动 div 的顶部。我应该如何开始。

我试图找到任何答案，但都提到使用 scrollTop 或 offset，但我无法让它工作。我在可滚动的 div 上尝试了 scrollTop，但它始终未定义

我正在使用 JQuery-mobile。

我有以下设置

<div id="scrollable">
  <div id="inner">
    <div id="content_wrapper">
       <div>...</div>
       <div>...</div>
       ...
    </div>
  </div>
<div>

scrollable 是可滚动的容器，overflow-y 应用于该容器。

我试过了

$('#scrollable').scrollTop(fixedvalue);
$('#scrollable').scrollTop($('$scrollable').offset());
$('#scrollable').scrollTop($('firstdivelement').offset());
$('#scrollable').scrollTop($('firstdivelement').position().top);

我不太擅长 javascript。

Answer 1

滚动到页面正文顶部：

$('html, body').animate({ scrollTop: (0) }, 'slow');

在div上滚动到顶部：

$('#yourDivId').animate({ scrollTop: (0) }, 'slow');

希望这可以帮助...