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

Question

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

Answer 1

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

上完成：在这里，你可以把一个功能，当向导 完成调用。这里的语法非常相似，NG-点击

或结合相同的功能上的台阶指令：在视图 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(); 
};