2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 锚点定位并距离顶部一定偏移

锚点定位并距离顶部一定偏移

时间:2021-05-03 17:02:10

相关推荐

锚点定位并距离顶部一定偏移

问题:页面中使用锚点定位跳转时,通常使用href="#id"来实现,但这种方法会导致url改变,页面刷新时可能会出现问题,而且会直接定位到页面顶部,如果有固定的导航栏,会挡住目标内容

解决方法:使用scrollTop实现锚点定位

HTML:

<a href="javascript:;" onclick="topMao('#selfInformation')">个人信息</a>

<div class="layui-col-md12" style="background: white;" id="selfInformation">要跳转的div </div>

JS:

function topMao(target){$('html, body').animate({scrollTop: $(target).offset().top - 130}, 500);//130为锚点到距顶部的距离,500为执行时间return false;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。