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

11 浏览
0 Comments

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

我有一个带有固定高度和长列表的可滚动的div。当我向下滚动长列表时，我想要在可滚动的div中滚动到顶部。我应该如何开始解决这个问题。

我尝试找到任何答案，但都提到使用scrollTop或offset，但我就是无法让它起作用。我尝试在可滚动的div上使用scrollTop，但它总是未定义。

我正在使用JQuery-mobile。

我有以下设置

       ...
       ...
       ...

scrollable是可滚动容器，应用了overflow-y。

我尝试了

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

我对JavaScript不是很擅长。

0

1 答案

0 Comments

滚动一个可滚动的div到顶部的问题，出现的原因是需要在页面中的一个特定的div中滚动到顶部，而不是整个页面。

解决方法是使用jQuery的animate()函数，通过改变scrollTop的值来实现滚动。具体的代码如下：

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

以上代码将选择id为"yourDivId"的div，并通过animate函数将scrollTop的值设置为0，实现滚动到顶部的效果。

如果需要滚动整个页面到顶部，可以使用以下代码：

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

以上代码将同时选择html和body元素，并通过animate函数将scrollTop的值设置为0，实现滚动到顶部的效果。

0