点击导航，滑动到网页中的指定位置（JS实现滑动锚点定位）

在一个网页页面中，可能会分为很多的模块内容，当我点击导航栏的某一项时，希望显示对应的内容，例如，点击下图导航中的报告服务后，希望网页滑动到 “报告服务” 的模块，点击城市品牌滑动到“城市品牌”的模块。

城市品牌模块

js代码

<script>




    $(function () {



        //获取城市模块到顶部的距离 




        var city_top = $('#city_top').offset().top;



        $('.city_li').click(function () {



            $('html,body').animate({scrollTop:city_top},500);



        })



    })



</script>