Angular 锚点

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

经测试，去掉['$scope',也可以使用

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!