Question

您好我是角度JS和Onsen UI的新手。我有问题$ anchorScroll不工作，如果我回到index.html中的page1。如果我刷新浏览器，一切都很好。在index.html我有两页：

第1页。有按钮导航到page2

在第2页我有数字列表：从1到20.打开page2后自动滚动到列表编号5，$ anchorScroll工作正常。

     $scope.scrollTo = function(elementId) {
         $timeout(function() {
              $location.hash(elementId);
              $anchorScroll();
          });

      };

      init();
      function init(){

        $scope.scrollTo('no-5');

      }

在列表的底部我有OK按钮，回到page1（index.html），代码是

       $scope.back = function(elementId) {
         $scope.myNavigator.pushPage('index.html');

      };

问题出在我回到page1然后再次导航到page2之后。这个$ anchorScroll无效。为什么会这样？我已经在codepen中编写了代码   链接在
下面

http://codepen.io/lapisan/pen/LGbbJL

Answer 1

如果您使用myNavigator.pushPage，则会向堆栈添加新页面。在您的情况下，如果您使用index.html方法将导航器重置为myNavigator.resetToPage，则会更好。

$scope.back = function(elementId) {
  $scope.myNavigator.resetToPage('index.html');
};

以下是CodePen示例的固定版本，希望它有所帮助！

http://codepen.io/andipavllo/pen/LGbQgy

返回Index.html页面Onsen UI

1 个答案: