AngularJSを使用してスクロールダウンでdivを徐々に隠す

-1

スクロールして下から下にスクロールして上に到達するまで徐々にdivを隠したいと思います。AngularJSを使用してスクロールダウンでdivを徐々に隠す

2016-06-30 naamane ilias

あなた自身で何も試してみませんか？ –

ヘルプを求める質問には、*目的の動作*、*特定の問題またはエラー*、*問題を解決するために必要な最短コード*を含める必要があります**。 **明確な問題文**のない質問は他の読者には役に立たない。参照：[最小限で完全で検証可能なサンプルの作成方法]（http://stackoverflow.com/help/mcve） –

これは問題ではありません。 See [ask] – charlietfl

$ anchorScrollを使用することができます https://plnkr.co/edit/?p=preview こちらをご覧ください。角度のある文書があります。 https://docs.angularjs.org/api/ng/service/ $ anchorScroll。こちらのドキュメントをご覧ください。

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

出典

2016-06-30 05:03:09

AngularJSを使用してスクロールダウンでdivを徐々に隠す

答えて

関連する問題