2019独角兽企业重金招聘Python工程师标准>>>
// 点击对应的nav里的li标签,页面就滚动到哪里 $('.title-list > li').click(function(event) {$(this).addClass('active').siblings().removeClass('active'); //li标签里面有a标签,可以阻止到a标签的默认行为 event.preventDefault(); //这里找到的是target #后面的内容 var target = $(this).find('a').prop('hash'); //将页面动画滚动到指定位置 var scroll_top = $("#ueditor_0").contents().find("body").find(target).offset(); var s = scroll_top.top; $('html, body').animate({scrollTop: s}, 500); }); //页面滚动到哪,对应的nav里的li就高亮 $(window).on('scroll',function(){ //获取页面滚动高度 var pageScrollTop = $('html,body').scrollTop(); $('.title-list > li ').each(function(index,ele){if(index == $('.title-list > li ').length - 1) { return; }var target = $(this).find('a').prop('hash'); if($(target).offset().top - pageScrollTop < 0) {$(this).parent('li').siblings().removeClass('active'); $(this).parent('li').addClass('active'); }; }); });