Енот,
А можешь сказать что конкретно не работает может ошибки в консоле есть?
Вот смотри это при клике на Six
http://prntscr.com/7qekkw
Весь код
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Timer</title>
<script src="vendor/bower_components/jquery/dist/jquery.js"></script>
<style>
h2 {
height: 100px;
border: 1px solid #000000;
}
</style>
</head>
<body>
<ul>
<li><a href="#one">One</a></li>
<li><a href="#two">Two</a></li>
<li><a href="#three">Three</a></li>
<li><a href="#four">Four</a></li>
<li><a href="#five">Five</a></li>
<li><a href="#six">Six</a></li>
</ul>
<h2 id="one">One</h2>
<h2 id="two">Two</h2>
<h2 id="three">Three</h2>
<h2 id="four">four</h2>
<h2 id="five">five</h2>
<h2 id="six">six</h2>
<script type="text/javascript">
$(document).ready(function(){
$('a[href^="#"]').on('click.smoothscroll',function (e) {
var self = $(this),
target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 900, 'swing', function () {
window.location.hash = target;
self.addClass(self.text());
});
return false;
});
});
</script>
</body>
</html>
Может, тут нужно присваивать другой класс ссылке?