在一个网页页面中,可能会分为很多的模块内容,当我点击导航栏的某一项时,希望显示对应的内容,例如,点击下图导航中的报告服务后,希望网页滑动到 “报告服务” 的模块,点击城市品牌滑动到“城市品牌”的模块。
城市品牌模块
js代码
<script>
$(function () {
//获取城市模块到顶部的距离
var city_top = $('#city_top').offset().top;
$('.city_li').click(function () {
$('html,body').animate({scrollTop:city_top},500);
})
})
</script>