Href прокрутка страницы со смещением

Question

Как я могу сделать страницу свитку к моему идентификатору Я использую ниже код, чтобы сделать страницы Кролла, где я хочу, но это только срабатывает при загрузке страницы

$('html,body').animate({ 
    scrollTop: $(id).offset().top - 64 
}, 'slow'); 

по ссылкам, которые являются интерактивными, только

href="page#a" 

используется. Это прокручивается до div, но не туда, где я хочу. Есть ли способ, которым я могу также компенсировать 64 пикселя на href? Благодаря

CSS идентификатор являются следующие:

#a, #b { 
    margin-bottom: 64 px; 
    visibility: hidden; 
    position: absolute; 
    left: -999em; 
} 

Answer 1

$(document).ready(function() { 
     function scroll (id) { 
     $(id).bind('click', function(event) { 
      event.preventDefault(); 
      var $anchor = $(this).attr('href'); 
      $('html, body').stop().animate({ 
       scrollTop: ($anchor).offset().top - 64 
      }, 'slow'); 
     }); 
     } 
     scroll('#page1'); 
     scroll('#page2'); 
    });  
    <a href="" id="page1" >Visit W3Schools</a> 
    <a href="" id="page2" >Visit W3Schools</a> 

Answer 2

 var top_val = $('.test'); 
     $('html, body').stop().animate({ 
      scrollTop: top_val.offset().top 
     }, 'slow');