锚点设置

it2023-11-22  7

<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锚点连接
最新回复(0)