jq导航栏点击滚动到对应位置 导航栏随页面滑动变化对应导航颜色

需要做个手机站，顶端有导航栏，点击导航栏页面滑到相应位置，并且滑动页面，导航栏也随之变化。由于不大会js，只能网上找了些代码，但是都不完全适用，就自己改造了一番，写的比较粗糙，但是对初学者来说，算是比较好懂

$(function () {

var  cont1 = $("#yswy").offset().top - 100;//获取模块距页面顶部的距离，由于有固定定位的导航栏，所以减100

var  cont2 = $("#ymcz").offset().top - 100;

var cont3 = $("#yyew").offset().top - 100;

var cont4 = $("#lcyy").offset().top - 100;

KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲but1').click(fu…(‘html,body’).animate({scrollTop:$(’#yswy’).offset().top - 91}, 400);});//点击滑动到模块位置 由于有导航栏减91

KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲but2').click(fu…(‘html,body’).animate({scrollTop:$(’#ymcz’).offset().top - 91}, 400);});