Patrick.Sy/spring-petclinic
1
0
Fork 0
mirror of https://github.com/spring-projects/spring-petclinic.git synced 2025-07-18 05:45:50 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

TN: Make main page scroll down to Vets when clicking on the link

Browse source
This commit is contained in:
Nguyen Anh Tuan, Tony 2015-01-29 08:17:15 +08:00
parent e5379c1178
commit 2cbd654b77
3 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/main/webapp/components/header.html
View file

@ -12,7 +12,7 @@
<div id="navbar" class="navbar-collapse collapse pull-right"> <div id="navbar" class="navbar-collapse collapse pull-right">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li><a href="#pets">Discover</a></li> <li><a href="#pets">Discover</a></li>
<li><a href="#vets">Veterinarians</a></li> <li><a href="#" ng-click="scrollToVet()">Veterinarians</a></li>
<li><a href="#about">About</a></li> <li><a href="#about">About</a></li>
</ul> </ul>
</div><!--/.navbar-collapse --> </div><!--/.navbar-collapse -->

6
src/main/webapp/components/main/MainController.js
View file

@ -4,6 +4,12 @@ var MainController = function($scope, $rootScope, $sce, $timeout, $location,
$scope.$route = $route; $scope.$route = $route;
$scope.$location = $location; $scope.$location = $location;
$scope.footerText = '© ' + new Date().getFullYear() + ' Pet Clinic, A Spring Framework Demonstration'; $scope.footerText = '© ' + new Date().getFullYear() + ' Pet Clinic, A Spring Framework Demonstration';
$scope.scrollToVet = function(){
$('html, body').animate({
scrollTop : $("#veterianarians").offset().top
}, 1000);
}
}; };
var MainControllerDeclaration = [ '$scope', '$rootScope', '$sce', '$timeout','$location', '$route', '$interval', '$cookieStore', '$window', MainController ]; var MainControllerDeclaration = [ '$scope', '$rootScope', '$sce', '$timeout','$location', '$route', '$interval', '$cookieStore', '$window', MainController ];

4
src/main/webapp/index.html
View file

@ -54,6 +54,10 @@
<!-- ga('create','UA-XXXXX-X');ga('send','pageview'); --> <!-- ga('create','UA-XXXXX-X');ga('send','pageview'); -->
<!-- </script> --> <!-- </script> -->
<!--<script src="http://code.jquery.com/jquery.js"></script>-->
<script src="plugins/jquery/jquery-2.1.0.min.js"></script>
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- build:js({app,.tmp}) scripts/main.js --> <!-- build:js({app,.tmp}) scripts/main.js -->
<script src="js/lib/angular.js"></script> <script src="js/lib/angular.js"></script>
<script src="js/lib/angular-route.js"></script> <script src="js/lib/angular-route.js"></script>