js实现目录链接,内容跟着目录滚动显示的简单实例

如下所示：

 
 
 .return{padding-top:0.5em;} 
 .title{text-align:center;font-weight:bold;padding-bottom:1em;border-bottom:2px solid #eee;line-height:1em;} 
 .extend{text-align:center;color:#666;font-size:1.6em;line-height:3em;}  
 .content{line-height:2.2em;} 
 .content table{width:100%} 
 .left{background-color:#fff;}    
 .left .desc{color:#666;margin:2em 0;} 
 .left .list{line-height:3em;} 
 .left .list li{border-top: 1px solid #E4E1E1;} 
 .href{cursor: pointer;} 
 .lh2{line-height:2.4em;} 
 .lh2 li{border-top: 1px solid #eee;} 
 .tree{max-height:1000px;overflow-y: scroll;border: 1px solid #DDD;border-top: 0;border-left: 0;margin-top: 20px;} 
 .sub-title{margin:2em auto 1em;text-align: center;font-size: 20px;} 
 .on a{color:#000;font-weight: bold;} 

 

 
 
 
返回 
 
《日常管理机制》 
 
 
 
目录 
 
 
 
 
第一章 总则 
 
 
 
 
第二章 分校运营管理规定 
 
 
 
 
第三章 分校人员管理规定 
 
 
 
 
第四章 品牌管理规定 
 
 
 
 
第五章 分校宣传管理规定 
 
 
 
 
第六章 分校咨询管理规定 
 
 
 
 
第七章 分校教学管理规定 
 
 
 
 
第八章 增设分校的管理规定 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

【效果预览】

以上就是小编为大家带来的js实现目录链接,内容跟着目录滚动显示的简单实例全部内容了，希望大家多多支持考高分网~