博主信息
樂成的博客
博文
33
粉丝
7
评论
9
访问量
15511
积分:0
P豆:579

js点击滚动到指定位置

2019年09月24日 15:47:53阅读数:451博客 / 樂成的博客 / Javascript+JQuery

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); 
            });
        });


全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论
暂无评论暂无评论!