Почему не работает стандартный метод offset().top

$(".nav-items li a").click(function() { 
  var elementClick = $(this).attr("href"); 
  var destination = $(elementClick).offset().top; 
  $('html, body').animate({ 
    scrollTop: destination 
  }, 600); 
  return false; 
});

<div class="nav-items"> 
  <li class="is-active nav-elem"><a href="#header">01<p>Главная</p></a></li> 
  <li class="nav-elem"><a href="#about">02<p>О нас</p></a></li> 
  <li class="nav-elem"><a href="#portfolio">03<p>Портфолио</p></a></li> 
  <li class="nav-elem"><a href="#services">04<p>Услуги</p></a></li> 
  <li class="nav-elem"><a href="#contact">05<p>Связаться</p></a></li> 
</div>