AngularJS 锚点

最新推荐文章于 2022-01-05 14:43:57 发布

KingCruel

最新推荐文章于 2022-01-05 14:43:57 发布

阅读量812

点赞数

分类专栏： AngularJS 文章标签： angular angular锚点锚点

本文链接：https://blog.csdn.net/KingCruel/article/details/64920202

版权

AngularJS 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

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