我是 PHP 程序员

页面滚动的时候，侧边辅助导航提示到对应的内容。尤其是对于内容很长的页面很好的一个体验。

借助jquery，可以轻松实现。

2. <div class="subaside" id="JS_subaside">

4. <li class="current"><a href="#qiye_jianjie">企业简介</a></li>

5. <li><a href="#uniao_wenhua">公司文化</a></li>

6. <li><a href="#licheng">公司历程</a></li>

7. <li><a href="#shili">技术实力</a></li>

8. <li><a href="#rongyu">荣誉成果</a></li>

9. <li><a href="#jiagou">组织架构</a></li>

10. <li><a href="#tuandui">团队风采</a></li>

17. <div class="JS_section" id="qiye_jianjie"></div>

18. <div class="JS_section" id="uniao_wenhua"></div>

19. <div class="JS_section" id="licheng"></div>

20. <div class="JS_section" id="shili"></div>

21. <div class="JS_section" id="rongyu"></div>

22. <div class="JS_section" id="jiagou"></div>

23. <div class="JS_section" id="tuandui"></div>

要实现两个功能：

1、页面滚动，导航自动定位

2、点击导航项，页面滚动到对应位置。

3. var sections = $(".JS_section");

4. var s_num = sections.length;

5. sections.each(function(index,el){

7. if( _this.offset().top < $(document).scrollTop() + 偏移值 ){

8. $("#JS_subaside li").removeClass("current").eq(index).addClass("current");

14. $("#JS_subaside li").on("click",function(e){

16. var a = _this.children("a");

17. var _href = a.attr("href");

20. 'scrollTop': $(_href).offset().top - 偏移值

26. $(window).on("scroll.nav",function(e){

29. $(window).trigger("scroll.nav");

这里的“偏移值”说明下，因为在实际的项目中，不是所有的内容出现都是抵在浏览器顶部的，都会有一定的距离。这个“偏移值”就是这个距离。

不同的项目，这个“偏移值”是不一样的。