JQ实现鼠标滚动或点击导航栏标签时锚点跳转

最新推荐文章于 2023-06-12 21:24:37 发布

VIP文章鲸说:让我照顾海丶

最新推荐文章于 2023-06-12 21:24:37 发布

阅读量567

点赞数

分类专栏：随笔文章标签： js css html

本文链接：https://blog.csdn.net/weixin_52028253/article/details/117426206

版权

  <script>
     $(function () {
             $(window).scroll(function () {
           //获取全局的滚动条的高度
            var wst = $(window).scrollTop() //获取滚动条的垂直位置
        
            // console.log("滚动条的高度为" + wst)
            var len = 4;//声明的数量比a标签的个数多1
            for (i = 1; i < len; i++) { //遍历滚动条
                var next = i + 1;
                // 获取元素到顶部的距离
                var itemOffsetTop = $("#s" + i).offset().top - 220;  //offset().top获取当前元素到顶部的偏移量.
                //  console.log(itemOffsetTop)
                if (i === (len - 1)) {                //当最后一位的元素高度大于滚动条时，才给滚动条加个500的高度
                    var condition = itemOffsetTop <= wst+500; //元素小于等于滚动条高度时
                } else {  //否则
                    // 获取下一个元素的高度到顶部的偏移量
                    var itemNextOffsetTop = $("#s" + next).offset().top - 220;  
                                   //