CSS - 点击导航滑动到对应div

1. 直接跳转，无滑动效果

document.getElementById('about').scrollIntoView(false)  //跳转到div底部
document.getElementById('about').scrollIntoView(true)   //跳转到div顶部

2. 利用jquery实现，有缓慢滑动效果

var scrollOffset = $('#about').position().top - 100 + 'px'
$('body, html').animate({
  	scrollTop: scrollOffset
}, 500)

注意： 需要先给父级div设置定位

position().top     //相对有定位的父级元素
offset().top       //相对视窗