scrollTop只向下滚动

时间:2011-07-16 18:24:55

标签: jquery scrollto scrolltop

我正在尝试将div滚动到顶部,但由于某种原因它无效。

此代码有效,并滚动到我的包装器内的div的底部:

$('#wrapper').animate({ scrollTop: $("#innerbox").height() }, 5000);

如果我使用Ariel Flesler的jQuery.ScrollTo插件,这段代码就可以了:

$('div#wrapper').scrollTo( '+=100px', 8000 );

但是,如果我尝试将第一个代码设置为元素的.offset().top,或者将第二个代码设置为'-=100px'而不是'+=100px'则不起作用,则不执行任何操作...... < / p>

导致这种情况的原因是什么?

[更新:好像我现在正在更好地使用代码,但仍然没有运气在我的JQtouch应用程序中运行,so I've posted relevant code here]

1 个答案:

答案 0 :(得分:2)

scrollTop将执行的操作是将滚动条设置为提供的偏移量。 scrollTop(0)或scrollTop:0将元素设置为最开头。 Jquery Scroll Top

这是一个有效的JSFiddle。一个重要的事情是首先将区域设置为scrollTop(0)。另一个是要意识到元素的定义高度为200,即使内盒中有更多的文本,所以我滚动到1000只是为了确保我把它放到底部。

它可能不是您想要的,但它应该让您了解如何使用scrollTop。

http://jsfiddle.net/v98HE/