Unb Default Fiddle Read More

by ncapito

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<div ng-app='nicksApp' >
    <div ng-controller='Nicks'>
        <a ng-click="goTo($event,'badges')">NickS test</a>
    </div>
    <div class='tall'>
    </div>
    <div id='badges'>Here we go</div>
</div>

CSS

/*
** General Style
*/
.tall{
    height: 600px;
    width: 400px;
    background-color: green;
}
 a {
    color: #F7A031;
}
a:hover {
    color: #FB7A00;
}
body {
    background: #eee;
    color: #333;
}
.header-primary {
    background: #333;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 20px;
    line-height: 30px;
    margin: 20px 0 5px;
}
.header-secondary {
    background: #fff;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 20px;
    line-height: 20px;
}
h1 {
    font-size: 36px;
}
h3 {
    font-size: 24px;
}
/*
** Alerts
*/
 .alert {
    border-radius: 0;
    border: none;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    color: #fff;
    padding: 15px 35px 15px 14px;
}
.alert-success {
    background: #6ed18a;
}
.alert-error {
    background: #dd7176;
}
/*
** Buttons
*/

/* Default */
 .btn {
    border-radius: 0;
    padding: 15px 30px;
    color: #333;
    background: #fff;
    text-shadow: none;
    text-decoration: none;
    border: none;
}
.btn.active {
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn:hover, .btn.active {
    color: #f8981d;
    /*@PRIMARY_COLOR*/
    background: #fff;
}
.btn:active {
    color: #fff;
    background: #f8981d;
    /*@PRIMARY_COLOR*/
}
/* Primary */
 .btn-primary {
    color: #fff;
    background: #f8981d;
    /*@PRIMARY_COLOR*/
}
.btn-primary:hover, .btn-primary.active {
    color: #fff;
    background: #f87a1d;
    /*@PRIMARY_COLOR_DARK*/
}
.btn-primary:active {
    color: #fff;
    background: #da6b1a;
    /*@PRIMARY_COLOR_DARKER*/
}
.btn-large {
    padding: 26px 50px;
}
.btn-small {
    padding: 10px 20px;
}
/*
** Badges
*/
 .badge-medium {
    width: 75px;
    height: 75px;
}
.badge-small {
    width: 50px;
    height: 50px;
}
/*
** Progress Bar
*/
 .progress {
    border-radius: 13px;
    height: 25px;
}
.progress-large {
    border-radius: 20px;
    height:...

JavaScript

var nicksApp = angular.module('nicksApp');


var controllers = {}
controllers.Nicks = function($scope, $routeParams, $location, $timeout,$anchorScroll, $log){
   
    $scope.goTo = function ($event, name) {
            debugger;
            $location.hash(name).notify(false);
            $anchorScroll();
                   
           
            $event.stopPropagation();
            $event.preventDefault();
        }   
}

nicksApp.controller(controllers);