mm2015

获取元素高度及定位js

 <script type="text/javascript">
              
                     $(window).scroll(function() {
                         var thisscroll = $(window).scrollTop();
                        if( thisscroll>= 500 ){
                            $(".xiangxix").addClass("fixedxiangxix");
                            $(".xiangxix").addClass("container");
                         }else{
                              $(".xiangxix").removeClass("fixedxiangxix");
                            $(".xiangxix").removeClass("container");
                         }
                         var list1 = $("#sjwz").offset().top - 40;
                         var list2 = $("#gmxz").offset().top - 40;
                         var list3 = $("#bdxq").offset().top - 40;
                         var list4 = $("#xfpj").offset().top - 40;
                         if(thisscroll < list2){
                             $(".xiangxix ul li").removeClass("xxfangwen");
                             $(".xiangxix ul li:eq(0)").addClass(\'xxfangwen\');
                         }
                         if(thisscroll >= list2 && thisscroll < list3){
                             $(".xiangxix ul li").removeClass("xxfangwen");
                             $(".xiangxix ul li:eq(1)").addClass(\'xxfangwen\');
                         }
                        
                          if(thisscroll >= list3 && thisscroll < list4){
                             $(".xiangxix ul li").removeClass("xxfangwen");
                             $(".xiangxix ul li:eq(2)").addClass(\'xxfangwen\');
                         }
                          if(thisscroll >= list4){
                             $(".xiangxix ul li").removeClass("xxfangwen");
                             $(".xiangxix ul li:eq(4)").addClass(\'xxfangwen\');
                         }
                     })
                     $(".xiangxix ul li.item a").click(function(){            
                         if(!$(\'html,body\').is(":animated")){
                             var thisscrll = $($(this).attr("href")).offset().top - 40;
                            $(\'html,body\').animate({scrollTop:thisscrll+\'px\'}, 300);
                            //$(".xiangxix ul li").removeClass(\'xxfangwen\');
                            //$(this).parents("li").addClass(\'xxfangwen\');
                         }
                     return false;
                     })
            
            </script>

posted on 2015-10-15 10:41  舞纷菲  阅读(386)  评论(0编辑  收藏  举报
 

分类:

技术点:

相关文章: