После клика на ссылку с якорем идет переход на нужную страницу и уже там скролл плавно опускается до нужного якоря.
hashname = window.location.hash.replace('#', ''); elem = $('#' + hashname); if(hashname.length > 1) { if(hashname == 'top') { $('body, html').animate({ scrollTop: 0 },200); } else { $('body, html').animate({ scrollTop: $(elem).offset().top },500); } }
Плавный скроллинг к якорю
$(document).ready(function() { $('a[href^="#"]').click(function () { elementClick = $(this).attr("href"); destination = $(elementClick).offset().top; if($.browser.safari){ $('body').animate( { scrollTop: destination }, 1100 ); }else{ $('html').animate( { scrollTop: destination }, 1100 ); } return false; }); });