导航跳转链接(js部分)

<script>
  $(function(){
      var navh = $('.list');
      navh.eq(0).addClass('hover');  // 页面加载完后给第一个添加高亮样式
      navh.click(function(){
              navh.removeClass('hover');//先将清空高亮样式
              $(this).addClass('hover');  //给当前添加高亮样式
              var index = navh.index($(this)); //获取当前元素下标值
              $('html,body').animate({scrollTop:$('ul').eq(index).offset().top-50},500) ;
              //页面跳转到下标对应元素距离文档高度-50px的位置,第二个参数为滚动时间.
      });
})
</script>