<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>

获取元素高度及定位js的更多相关文章

  1. js if for 详解 获取元素方式 及一些js 基础知识

    ##获取元素的新方法## --document.querySelector('Css Selector{css选择器}') 接收一个css选择器(通配,群组,类,包含,id....等) 若这个选择器对 ...

  2. vue 获取元素高度

    1.html <div ref="getheight"></div> <br><br> 2.JavaScript // 获取高度值 ...

  3. Jquery获取元素高度

    第一步, 获取你要得到高度的那个div的jQuery对象, 获得方法有很多很多种, 具体你可以看一下jQuery API文档里的选择器部分, 在这里我只跟你说一个最直接的方法, 通过id获得: $(& ...

  4. uniapp 获取元素高度 距离顶部高度等

    let _this=this let height="" const query = uni.createSelectorQuery() query.select('#u-drop ...

  5. 【jquery】获取元素高度

    1. $("#div_id").height(); // 获得的是该div本身的高度, (不包含padding,margin,border)2. $("#div_id&q ...

  6. JS获取元素CSS值的各种方法分析

    先来看一个实例:如何获取一个没有设置大小的字体? <!DOCTYPE html> <html lang="en"> <head> <met ...

  7. Vue 获取元素样式 元素高度

    看到这个问题我第一时间想的竟然是JS 不知道你是怎么想的 不过昨天有一个小哥哥 问我一个Vue的 哈哈哈 get了 我当时问他为什么不用JS获取 他说 这个性能更高 那我们来看看这个高性能的获取元素高 ...

  8. 「jQuery」获取元素的高度

    在jQuery中,获取元素高度的方法有3个:height().innerHeight().outerHeight(); 顺带记一下元素的盒模型: height(高度), padding(内边距), m ...

  9. JS获取div高度的方法

    有时在写页面时,需要获取一个div的高度.怎么才能获取呢?哈哈,先上结论.有两种方法. offsetHeight .clientHeight getComputedStyle offsetHeight ...

随机推荐

  1. 大过年的,不下班的,上个Android文件操作类(内部存储和sd卡均可)

    package com.kkdiangame.UI.res; import java.io.ByteArrayOutputStream; import java.io.File; import jav ...

  2. HDU 2676 Network Wars 01分数规划,最小割 难度:4

    http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=1676 对顶点i,j,起点s=1,终点t=n,可以认为题意要求一组01矩阵use ...

  3. 关于Xcode调试的帖子,感觉不错,转来看看

    http://www.raywenderlich.com/10209/my-app-crashed-now-what-part-1 http://www.raywenderlich.com/10505 ...

  4. 一个完整的ansible实施目录示例

    当前目录:

  5. 利用NTFS交换数据流隐藏文件

    利用NTFS交换数据流隐藏文件 发表于 2012 年 12 月 15 日 由 晴刃 这篇文章介绍一下Windows的NTFS文件系统的ADS(alternate data streams,交换数据流) ...

  6. (转)Sencha Touch和jQuery Mobile的比较

    原文:http://extjs.org.cn/node/664 Sencha Touch和jQuery Mobile的比较 Posted 周三, 08/07/2013 - 10:07 by admin ...

  7. Titanium vs PhoneGap

    http://mobile.51cto.com/Titanium-318049.htm http://www.ibm.com/developerworks/cn/opensource/os-titan ...

  8. 解决:Ubuntu12.04下使用ping命令返回ping:icmp open socket: Operation not permitted的解决

    ping命令在运行中采用了ICMP协议,需要发送ICMP报文.但是只有root用户才能建立ICMP报文.而正常情况下,ping命令的权限应为-rwsr-xr-x,即带有suid的文件,一旦该权限被修改 ...

  9. C++面向过程解决三阶行列式问题

    #include<iostream> #include <cstdlib> using namespace std; int print() { cout<<&qu ...

  10. HDU5437 Alisha’s Party 优先队列

    点击打开链接 可能出现的问题: 1.当门外人数不足p人时没有判断队列非空,导致RE. 2.在m次开门之后最后进来到一批人没有入队. 3.给定的开门时间可能是打乱的,需要进行排序. #include&l ...