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');

希望这会有所帮助......

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

1 个答案: