Na osnovu tog sajta kojeg si referencirao, mislim da je poenta onog što želiš da postigneš da se override-uje default-no ponašanje browser-a kada je u pitanju to anchor skrolovanje, dakle kad na stranici imaš neke elemente (divove) sa određenim id-evima, a onda imaš na njih linkove oblika
www.nesto.com/#div. Taj efekat može da se postigne na sledeći način:
Code:
$(document).ready(function() {
//Svi linkovi koji imaju anchor
$('a[href*="#"]')
.filter(function(index) {
var $this = $(this);
//Ignorisi eksterne linkove
var href = $this.attr('href');
if (href == '#' || (href.indexOf('#') != 0 && href.indexOf(location.hostname) == -1)) {
return false;
}
//Izbaci linkove na koje je vec bind-ovan neki event
var events = $this.data('events');
if (!events) {
events = $._data(this, 'events');
}
return (!events || Object.keys(events).length == 0);
})
.click(function() {
var href = $(this).attr("href");
var targetId = href.substring(href.indexOf("#")+1); //anchor
var $target = $('#' + targetId);
var targetTopOffset = parseInt($target.offset().top) - 10;
//Pokreni skrolovanje
$('html,body').animate(
{ scrollTop: targetTopOffset },
1000
);
return false;
});
});