锚点滚动效果

1. a 链接直接跳转(无滚动)
<a class="skip-hdgz" href="#hdgz" ></a>
<div id="hdgz"></div>
锚点定位偏移(解决有时候定位不到想要的位置)
<a name="tehui" style="position: relative;top: -1.5rem;"></a> 2.js 滚动锚点效果 function skip() { $(".skip-hdgz").click(function() { let anchorElement = document.getElementById('hdgz'); if (anchorElement) { anchorElement.scrollIntoView({ behavior: 'smooth' }); } }); } skip();
scrollIntoView:发现兼容问题 安卓会有滚动,IOS没有

 

posted @ 2020-06-08 15:48  jiaqiq  阅读(394)  评论(0编辑  收藏  举报