开发技术学习

最近手头有一个特效与定位相结合的功能， 先将事例地址发上来：http://xixi.adophper.com/team/. 看一下页面效果：三面都已经定位，只有内容那一块是活动的，点击左边部分滑动右边到相应的位置. 未解决前的问题：右边是滑动但总是滑动超过了对应的位置，百思不得其解！想了一下，如果是正常的页面是页面滑动至相应位置 现在的情况是相应的点滑动至相应位置，刚好正常情况反过来了！ 其中我还想过用iframe来做的，但是考虑到工作量就放弃了，可能还是双腿解决这个问题吧！ 因为本身点击的时候已经有用到jquery了，最后在百度是查到了相应的技术用animate来解决， 上源码分析： [html] <script> var re = new RegExp('^'+site_url+'(.+)$'); $(function(){ $(".team_list a").click(function(e){ var a = $(this), hash = '#!/'+a[0].href.match(re)[1]; window.location.hash = hash; e.preventDefault(); $(".team_list a").removeClass('active'); $(this).addClass('active'); var id = $(this).attr('data-id'); var target = $('div[data-id="'+id+'"]').children('a').eq(0).offset().top - 176;//176为头部加上页面标题的高度 $('html,body').animate({ scrollTop: target }, 750); }); }); </script> [/html]