Loading

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加速

posted @ 2021-10-26 18:40  mingBolg  阅读(208)  评论(0编辑  收藏  举报