当前位置: 网站首页  >> 始于足下  >> 技术文章  >> 查看详情 技术文章

js点击滚动到指定位置

静如水2019-09-27 14:16:06 67 人已围观

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

文章评论

    吴志强的名片

    职业:PHP程序员

    现居:福建省-莆田市

    工作室:静如水-网站定制平台

    Email:532558037@qq.com

      【新用户限量秒杀】热门云产品限量秒杀,云服务器1核2G 16.5元/月起[2019-08-18 19:38:37]

    站点信息