Hide div allmählich auf Scrolldown mit AngularJS

-1

Ich möchte ein div allmählich ausblenden, beim Scrollen nach unten beginnend mit dem unteren bis zum oberen Ende.Hide div allmählich auf Scrolldown mit AngularJS

Quelle

2016-06-30 naamane ilias

Haben Sie nichts selbst versucht? –

Fragen, die Hilfe benötigen, müssen * das gewünschte Verhalten *, * ein bestimmtes Problem oder einen Fehler * und * den kürzesten erforderlichen Code * enthalten, um es ** in der Frage selbst zu reproduzieren **. Fragen ohne ** eine klare Problemstellung ** sind für andere Leser nicht nützlich. Siehe: [Erstellen eines minimalen, vollständigen und überprüfbaren Beispiels] (http://stackoverflow.com/help/mcve). –

Das ist keine Frage. Siehe [fragen] – charlietfl

können Sie verwenden $ ankerScroll https://plnkr.co/edit/?p=preview Werfen Sie einen Blick auf diese.Es gibt es in eckigen doc. https://docs.angularjs.org/api/ng/service/ $ ankerScroll. Sie können die Dokumentation hier sehen.

<body ng-app="anchorScrollExample"> 
    <div id="scrollArea" ng-controller="ScrollController"> 
    <a ng-click="gotoBottom()">Go to bottom</a> 
    <a id="bottom"></a> You're at the bottom! 
</div> 
</body> 


angular.module('anchorScrollExample', []) 
    .controller('ScrollController', ['$scope', '$location', '$anchorScroll', 
    function ($scope, $location, $anchorScroll) { 
     $scope.gotoBottom = function() { 
     // set the location.hash to the id of 
     // the element you wish to scroll to. 
     $location.hash('bottom'); 

     // call $anchorScroll() 
     $anchorScroll(); 
     }; 
    }]); 
})(window.angular);

Quelle

2016-06-30 05:03:09

Hide div allmählich auf Scrolldown mit AngularJS

Antwort

Verwandte Themen