Kendo UI Mobile - '重置' ScrollView到第一页?

时间:2013-10-16 15:17:56

标签: kendo-ui kendo-mobile

我有一个包含2个页面的ScrollView,我还创建了一个返回主页的后退按钮。

我要做的是这样:
如果按下后退按钮时ScrollView在第二页上,我想有效地“重置”这个ScrollView,这样如果用户回来,他们将始终首先看到ScrollView的第一页。

我可以通过设置-webkit-transform:translate3d(0px,0px,0px)来设置ScrollView的位置,它显示了第一页的内容。我遇到的问题是列表项目显示您所在的页面。单击后退按钮后,使用jQuery我从km-pages ol中的第二个列表项中删除了 km-current-page 类,并将其添加到第一个。所以从这个:

<ol class="km-pages">
  <li></li>
  <li class="km-current-page"></li>
</ol>

到此:

<ol class="km-pages">
  <li class="km-current-page"></li>
  <li></li>
</ol>

然而,当我回到这个ScrollView时,有些东西正在撤消这个并将当前页面设置回到按下后退按钮(即第二页)之前的状态。

Kendo UI Mobile中有什么内容可以撤消我的班级切换代码,还是只有我可以调用的“重置”设置?

由于

1 个答案:

答案 0 :(得分:1)

为什么不尝试使用ScrollView的scrollTo()方法并只滚动到第一页?

http://docs.kendoui.com/api/mobile/scrollview#methods-scrollTo