角度嚮導滾動到頂部點擊下一步

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(); 
};