jquery a标签点击锚点 id值不出现在url地址上
<a href="javascript:;" onclick="goDiv('st')">1111</a> <a href="javascript:;" onclick="goDiv('st1')">2222</a> <a href="javascript:;" onclick="goDiv('st2')">333</a> <div id="st" style="width: 100%;height: 800px; background-color: aqua;"></div> <div id="st1" style="width: 100%;height: 800px; background-color: darkcyan;"></div> <div id="st2" style="width: 100%;height: 800px; background-color: red;"></div>
<script type="text/javascript"> function goDiv(div) { var a = $("#"+div).offset().top; // console.log(a); $("html,body").animate({scrollTop:a}, 'slow'); } </script>
完成,最后记得引入 jquery文件 或cdn加速