AngularJS anchors

1、html

<ion-header-bar class="bar bar-header bar-balanced">
    <a href="#/homes/index" class="button button-icon icon ion-android-arrow-back"></a>
    <ion-title class="bar-calm">消息</ion-title>
</ion-header-bar>
<ion-view view-title="messagebox">
    <ion-content scroll="true">
        <a ng-click="goBottom()">锚点</a>
        <br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>0
        <br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>0
        <br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>0
        <div id="bottom">
            bottombottombottombottombottombottombottombottombottombottombottombo
            <br>bottombottombottombottombottombottombottombottombottombottombottom
            <br>bottombottombottombottombottombottombottombottombottombottombottom
            <br>bottombottombottombottombottombottombottombottombottombottombottom
            <br>bottombottombottombottombottombottombottombottombottombottombottom
            <br>bottombottombottombottombottombottombottombottombottombottombottom
            <br>bottombottombottombottombottombottombottombottombottombottombottom
            <br>bottombottombottombottombottombottombottombottombottombottombottom
            <br>bottombottombottombottombottombottombottombottombottombottombottom
            <br>bottombottombottombottombottombottombottombottombottombottombottom
            <br>bottombottombottombottombottombottombottombottombottombottombottom
        </div>
        1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>0
        <br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>0
        <br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>0
        <br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>0
        <br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>0
    </ion-content>
</ion-view>

2、Controller

appControllers.controller('AnchorCtrl', ['$scope', '$location', '$anchorScroll', function ($scope, $location, $anchorScroll) {
    $scope.goBottom = function () {
        $location.hash('bottom');
        $anchorScroll();
    };
}])

After testing, remove ['$scope', '$location', '$anchorScroll', you can also use

appControllers.controller('AnchorCtrl', function ($scope, $location, $anchorScroll) {
    $scope.goBottom = function () {
        $location.hash('bottom');
        $anchorScroll();
    };
})

Guess you like