角度向导滚动到顶部点击下一步

Question

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

Answer 1

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

  

on-finish ：在这里你可以放置一个在向导时调用的函数   完了。此处的语法与ng-click

非常相似

或者在步骤指令上绑定相同的函数： 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(); 
};