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

For scrolling to top on page body :

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

For scrolling to top on div :

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