Question

以下是我要解决的问题：例如，您有一个非常简单的ng-show结构：

<button class="btn-xs btn-primary" ng-click="volunteer=!volunteer" >Volunteer</button>

<div ng-show="volunteer">
    <p> 
        <button class="btn-xs btn-primary" ng-click="">Programmmer</button> | <button class="btn-xs btn-primary" ng-click="">Designer</button>
    </p>
</div>

但这个div是我页面上的最后一个，所以当我点击按钮时，它会打开div，但在我向下滚动页面之前看不到它。我知道如何使用angularJS，滚动页面到最后，点击，但这不是我需要的。我需要在ng-show上显示一些div时自动滚动页面，这样我才能看到整个div（如果它适合页面）。

这样做的正确和简单方法是什么？

Answer 1

我认为这实际上取决于前一个和当前div的内容的高度。我不知道$anchorScroll的问题是什么，但让我尝试合并ng-show和$anchorScroll：

$scope.showDiv = function()
 {
   $scope.show = true;
   $location.hash('finalContent');
   $anchorScroll();
}

这是我提出的plnkr，希望能够解决您的问题

ng-show通过时滚动页面？

1 个答案: