滚动条锚点自动定位

如图：

点击海运出口，滚动条自动滚动到海运出口标题处

CSS部分：

.slider-box {    width:145px;    float:left;    overflow:hidden;    font-size:13px;}.slider-box ul {    list-style-type:none;    overflow:hidden;}.slider-box ul li {    margin-bottom:3px;    height: 35px;    line-height: 35px;}.slider-box ul li a {    padding-left:8px;    font-size:14px !important;    color:#333;}.slider-box ul li a:hover {    display:inline-block;    color:#EB4B51;    border-left:4px solid #EB4B51;    height: 20px;    line-height: 20px;    font-family: PingFangSC-Regular;}.slider-title {    font-size:16px;    padding-left:8px;    margin-bottom:10px;    font-weight:bold;    border-bottom: none!important;}.item-title {    font-size:14px;    padding-left:8px;    font-weight:bold;}.slider-box ul li a {    font-size:13px;}

html部分

<div className="wrapper">    <div className="content clearfix">        <div className="slider-box">            <p className="slider-title">全球海运</p>            <ul>                <li><a href="javascript:;" data-hash="#seaShipingImport" className="list-link">海运进口</a></li>                <li><a href="javascript:;" data-hash="#seaShipingEmport" className="list-link">海运出口</a></li>                <li><a href="javascript:;" data-hash="#InnerSeaShiping" className="list-link">内贸海运</a></li>                <li><a href="javascript:;" data-hash="#bulkSeaShiping" className="list-link">散杂海运</a></li>            </ul>        </div>        <div className="rightContent">            <div className="session" id="seaShipingImport">                <div className="session-title">海运进口</div>                <p>自1993年创业至今，海航集团已历经20余年的发展。20多年来，伴随着我国改革开放的时代大潮，海航逐渐发展壮大，从单一的地方航空运输企业发展成为囊括航空、酒店、旅游、地产、商品零售、金融、物流、船舶制造、生态科技等多业态大型企业集团，业务版图从南海明珠初步发展到全球布局，总资产逾万亿元，2016年实现收入逾6000亿元，为社会提供就业岗位逾41万个。2015年7月，海航集团更首次登榜《财富》世界500强，以营业收入256.464亿美元位列第464位。2016年7月，海航集团再度荣膺2016《财富》世界500强，以营业收入295.6亿美元，位列第353位，排名较上年上升111名。</p>                <p>截至2016年12月，海航集团拥有飞机逾1250架，旗下航空运输企业开通国内外航线近1100条，通航城市270余个，年旅客运输量逾9200万人次。运营管理海南航空、天津航空、首都航空、金鹿公务、祥鹏航空、西部航空、福州航空、乌鲁木齐航空、北部湾航空、扬子江航空、桂林航空、长安航空、加纳AWA航空、法国蓝鹰航空等航空公司。旗下海南航空，服务传递东方之美，连续六年获SKYTRAX全球五星航空公司，在德国航空安全数据评估机构JACDEC发布的“全球最安全航空公司榜单”中，以零事故率位列全球第3、内地航空公司之首；金鹿公务，亚洲最大的公务机公司，运营管理公务机90余架，托管运营全球首架波音梦想公务机，荣获2015WTA“世界领先公务机公司”大奖，也是中国首家获得世界安全飞行奖的公务机运营商。</p>            </div>            <div className="session" id="seaShipingEmport">                <div className="session-title">海运出口</div>                <p>dfaada</p>            </div>        </div>    </div></div>

js部分

$('a.list-link').click(function () {                console.log('hihhi')                var hash = $(this).attr('data-hash');                if (hash) {                    var scrollTo = $(hash).offset().top;                    $('body,html').animate({scrollTop: scrollTo}, 500);                }            });