参考图
’
实现原理offset().top
html部分
直接上js
1,定义变量
var section=$(".section");//对应的区块
var arr=[];//创建一个空数组
var movetop="0"; //做一个true和false操作
var $navBar=$(".navBar");
var navLi=$navBar.find("li"); //操作的元素
for(var i=0;i<section.length;i++){
arr[i]=section.eq(i).offset().top;//这个是距离上端的偏移量（与文档的上端距离）
}
function scrollMove(elem,m){
elem.each(function(i){
$(this).on("click",function(){
if(movetop=="0"){
movetop=1;
$(this).addClass("active").siblings().removeClass('active');
$("body,html").animate({
scrollTop:section.eq(i).offset().top-82;
},300,function(){
movetop="0";
})
}
})
})
}
scrollMove(navLi,100);