位置:首页 > 建站笔记 > JavaScript > Js跳到指定的位置

Js跳到指定的位置

发布时间:2021-01-08 13:11:27

文章来源:原创

访问次数:69



写APi接口文档时为了方便浏览,需要个动态的菜单,简单的实现了下,代码记录。
代码

<script>
    //获取出现次数
    var num = document.getElementsByClassName('layui-container');
    //定义一个空值
    var li = '';
    //循环获取标题
    for (let index = 0; index < num.length; index++) {
        li = li + '<li><a href="javascript:GoPage(' + index + ');">' + num[index].innerText + '</a></li>';
    }
    //输出标题到指定地点
    document.getElementById('list').innerHTML = li;
    // 跳转到指定位置
    function GoPage(i) {
        //初始高度
        var height = 0;
        for (let index = 0; index < i; index++) {
            //获取每个盒子高度
            var box = document.getElementsByClassName('layui-container')[index].scrollHeight;
            //高度叠加
            height = height + box;
        }
        //跳到指定高度 为Jq方法 需要引入jq库
        $('html').animate({ scrollTop: height }, 500);
    }
</script>


注意:本文链接:https://www.cqtdw.com/javascript/85.html 转载请注明出处,谢谢理解与支持!


文章评论

表情

共 0 条评论,查看全部
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~