<div class="anchor" id="anchor"> <p οnclick="naver('div1')">品牌故事</p> <p οnclick="naver('div2')">发展历程</p> <p οnclick="naver('div3')">旗下品牌</p> <p οnclick="naver('div4')">三箭文化</p> <p οnclick="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); }
转载于:https://www.cnblogs.com/zzzkun/p/9628618.html
相关资源:Java--HTML锚点连接