AngularJS 锚点

来源：互联网发布：免root的手机数据恢复编辑：程序博客网时间：2024/05/20 05:27

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', '$location', '$anchorScroll',也可以使用

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

0 0