این سایت نقطه از این کد استفاده کرده
[HTMLS]
<script>
checkURL(location.hash);
$(document).ready(function(){
$(".n2").sticky({topSpacing:0});
//------------------------------------------- back top
$("#back-top").hide();
$(window).on('hashchange', function(e) {
console.log(document.location.hash);
switch(document.location.hash)
{
case "#services":
$('#m12').click();
break;
case "#products":
$('#m22').click();
break;
case "#mobile_applications":
$('#m32').click();
break;
case "#about_us":
$('#m42').click();
break;
case "#contact_us":
$('#m52').click();
break;
default:
}
});
$(".menu_link2 a").live("click",function(e){
link=e.currentTarget.href.split("#");
document.location.hash=link[1];
});
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
$('#back-top').fadeIn();
}
else {
$('#back-top').fadeOut();
}
});
$(window).scroll(function () {
if ($(this).scrollTop() > 520) {
$('.menu_link').hide();
$('.menu_link2').fadeIn(500);
} else {
$('.menu_link2').hide();
$('.menu_link').fadeIn(500);
}
});
// scroll body to 0px on click
$('.min_logo').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
document.location.hash=" ";
return false;
});
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
$('#m12').click(function () {
$('body,html').animate({
scrollTop: 850
}, 800);
document.location.hash="services";
return false;
});
$('#m22').click(function () {
$('body,html').animate({
scrollTop: 1885
}, 800);
document.location.hash="products";
return false;
});
$('#m32').click(function () {
$('body,html').animate({
scrollTop: 2920
}, 800);
document.location.hash="mobile_applications";
return false;
});
$('#m42').click(function () {
$('body,html').animate({
scrollTop: 3955
}, 800);
document.location.hash="about_us";
return false;
});
$('#m52').click(function () {
$('body,html').animate({
scrollTop: 4990
}, 800);
document.location.hash="contact_us";
return false;
});
});
});
function checkURL(url_l){
console.log(url_l);
if(url_l=="#services"){
$('body,html').animate({
scrollTop: 850
}, 800);
}else if(url_l=="#products"){
$('body,html').animate({
scrollTop: 1885
}, 800);
}else if(url_l=="#mobile_applications"){
$('body,html').animate({
scrollTop: 2920
}, 800);
}else if(url_l=="#about_us"){
$('body,html').animate({
scrollTop: 3955
}, 800);
}else if(url_l=="#contact_us"){
$('body,html').animate({
scrollTop: 4990
}, 800);
}else{
}
}
</script>
[/HTMLS]
البته از فایل
http://www.noghteh.ir/js/jquery.pagescroller.lite.js برای اسکرول لایت استفاده می کنه که جی کوئری هست
این سایت پلاگین خوبی داره در این زمینه
http://pagescroller.com/
