PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

博客列表 > js点击滚动到指定位置

js点击滚动到指定位置

樂成的开发笔记
樂成的开发笔记 原创
2019年09月24日 15:47:53 4185浏览

js点击滚动到指定位置,比如左边分类点击右边列表滚动,直接用a标签锚点滚动的位置不够灵活,这方法还是不错的

$(document).ready(function(){
            $(".category-a").click(function(){
              $(".category-a").removeClass("active");
              $(this).addClass("active");
              var cid = $(this).attr("data-cid");  //将要滚到的元素ID
              var scroll_offset = $("#" + cid).offset(); //滚到的元素ID
              var scroll=scroll_offset.top-150;
            $(".goodslist,html").animate({ //$("body,html") body内滚动或者自己写的div但需要overflow auto
                scrollTop:scroll //让body的scrollTop等于pos的top,就实现了滚动 
                },500); 
            });
        });


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议