以编程方式将可滚动的 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

滚动到页面顶部body：

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

在 div 上滚动到顶部：

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

希望这会有所帮助...