锚点设置

<div class="anchor" id="anchor">
　　<p onclick="naver('div1')">品牌故事</p>
　　<p onclick="naver('div2')">发展历程</p>
　　<p onclick="naver('div3')">旗下品牌</p>
　　<p onclick="naver('div4')">三箭文化</p>
　　<p onclick="naver('div5')">三箭精神</p>
</div>

.anchor{
　　position: fixed;
　　top:50%;
　　left:10px;
　　background-color:#FFF8DC;
}
.anchor p{
　　padding:10px;
　　width:55px;
　　cursor:pointer;
　　border-bottom: 1px solid #f00;
}

// 锚点设置
function naver(id){
// 将要跳转的div对象
　　var obj = document.getElementById(id);
　　var objP = obj.offsetParent;
　　console.log(objP);
// offsetTop 获取对象相对于由offsetParent属性指定的父坐标(css定位的元素或body元素)距离顶端的高度。
　　var oPos = obj.offsetTop;
　　console.log(oPos);
// 获取对象最顶端和窗口中可见内容的最顶端之间的距离
　　return window.scrollTo(0, oPos-20);
}