单击下一步时，角度向导滚动到顶部

Question

我正在使用这个插件https://github.com/mgonto/angular-wizard 在我的离子应用程序中创建一个多步骤表单。问题是当我从一个步骤移动到另一个步骤时页面停留在底部。当我在步骤之间切换时，如何使页面滚动到顶部。

Answer 1

有一个on-finish 指令可用于触发滚动到顶部（像ng-click 一样使用它 - 将函数绑定为指令值）。

on-finish：在这里你可以放一个函数在向导结束时调用 完成的。这里的语法和 ng-click 非常相似

或者在一个 step 指令上绑定相同的函数： wz-previous / wz-cancel / wz-finish / wz-reset

小例子展示

// In this case, the scrollToTop() function will be called before going to the next step.
<input type="button" wz-next="scrollToTop()" value="Next" />

在控制器中滚动到顶部

在通过on-finish 指令绑定的函数内部，您可以将滚动应用到顶部。

只需将$anchorScroll 作为控制器构造函数的依赖项注入，并在您想要滚动到顶部时调用$anchorScroll()。

Answer 2

您好，感谢您的回答。我能够找到解决方案，现在当我从一个步骤移动到另一个步骤时，页面正在向上滚动。这就是我正在做的事情。

<input type="button" wz-next="scrollToTop()" value="Next" />

在我的控制器中我添加了这样的

$scope.scrollTop=function(){ 
$ionicScrollDelegate.scrollTop(); 
};