AngularJS-23 : anchorscroll
############################################################################
angular.min.js
-------------------------------------
Script.js
------------------------------------
/// <reference path="angular.js" />
var app = angular.module("myAppModule", [])
.controller("myDataController", function($scope, $location, $anchorScroll) {
$scope.scrollTo = function (toLoc) {
$location.hash(toLoc);
$anchorScroll.pageYOffset=20;
$anchorScroll();
};
});
myHTML.html
--------------------------------------------
<!DOCTYPE html>
<html ng-app="myAppModule">
<head>
<script type="text/javascript" src="resources/js/angular.min.js"></script>
<script type="text/javascript" src="resources/js/Script.js"></script>
</head>
<body ng-controller="myDataController">
<button id="top" ng-click="scrollTo('bottom')">Go to bottom</button>
1
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
2
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
3
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<button id="bottom" ng-click="scrollTo('top')">Go to top</button>
</body>
</html>
No comments:
Post a Comment