javascript gak jalan/error

cuplikan html

 <nav class="header_float">
        <a href="#tentangSaya" onclick="return smoothScroll(tentangSaya)"> Tentang Saya </a>
        <a href="#skillKoding" onclick="return smoothScroll(skillKoding)"> Skill Koding </a>
        <a href="#karya"       onclick="return smoothScroll(karya)"> Hasil Karya </a>
        <a href="#kontak"      onclick="return smoothScroll(kontak)"> Kontak </a>
        </nav>

cuplikan javascript

 var posY  = 0;
var jarak = 50;
function smoothScroll(id){
  var target = document.getElementById('id').offsetTop;
  var scrollAnimate = setTimeout(function(){
                                          smoothScroll(id);
                                        }, 5)
  posY = posY + jarak;
  if (posY >= target ) {
    clearTimeout(scrollAnimate);
    posY = 0;
  }else {
    window.scroll(0, posY)
  }
  return false
}

yang file javascriptnya sama yang ada di video membuat website portofolio bagian cara scroll ke bagian tertentu, tapi pas diicoba diimplementasiin ke website portofolio buatan sendiri jadi ada error dengan message Uncaught TypeError: Cannot read property 'offsetTop' of null at smoothScroll (folio.js:9) at HTMLAnchorElement.onclick (VM382 index_biografi.html:15)

ini yang bagian error nya yang mana ya gan?