0

我正在使用 iScroll 并有 3 个页面，我通过添加/删除 .hidden 类来加载它们。当我滚动第一页上的内容然后更改视图时，我会滚动加载下一个视图并丢失内容。

单击时如何使其滚动到可滚动div的顶部？

我本质上是使用以下代码来控制视图。我选择这样做是因为加载单独的页面会在单独的选项卡中加载并且速度很慢。

function show_info_page(){
$('div.info_page').removeClass('hidden');
$('div.main_page').addClass('hidden');
$('div.stats_page').addClass('hidden');
$('div.contact_page').addClass('hidden');
$('div.info').addClass('active');
$('div.stats').removeClass('active');
$('div.contact').removeClass('active');}
4

2 回答 2

0

您可以使用 设置垂直滚动条的scrollTop()位置，使用 设置水平滚动条的位置scrollLeft()。例子：

$('div.info_page').scrollTop(0); // Scroll to top
于 2012-06-02T13:11:22.887 回答
0

iScroll 有两个函数来处理这个问题：

  • refresh()用于在内容发生更改时通知 iScroll。如果您在切换页面时调用它，那么 iScroll 可能会完全满足您的需求。

  • scrollTo(0, 0, 0)明确告诉 iScroll 立即滚动到左上角。您仍然应该调用refresh()来更新滚动条的高度，但是refresh()单独使用 iScroll 可能会滚动到新内容的底部而不是顶部。

自然，您应该在 iScroll 对象（由构造函数返回）上调用这两个函数。

资料来源：http ://cubiq.org/iscroll-4

于 2012-06-03T22:01:56.090 回答