获取元素高度及定位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>
获取元素高度及定位js的更多相关文章
- js if for 详解 获取元素方式 及一些js 基础知识
##获取元素的新方法## --document.querySelector('Css Selector{css选择器}') 接收一个css选择器(通配,群组,类,包含,id....等) 若这个选择器对 ...
- vue 获取元素高度
1.html <div ref="getheight"></div> <br><br> 2.JavaScript // 获取高度值 ...
- Jquery获取元素高度
第一步, 获取你要得到高度的那个div的jQuery对象, 获得方法有很多很多种, 具体你可以看一下jQuery API文档里的选择器部分, 在这里我只跟你说一个最直接的方法, 通过id获得: $(& ...
- uniapp 获取元素高度 距离顶部高度等
let _this=this let height="" const query = uni.createSelectorQuery() query.select('#u-drop ...
- 【jquery】获取元素高度
1. $("#div_id").height(); // 获得的是该div本身的高度, (不包含padding,margin,border)2. $("#div_id&q ...
- JS获取元素CSS值的各种方法分析
先来看一个实例:如何获取一个没有设置大小的字体? <!DOCTYPE html> <html lang="en"> <head> <met ...
- Vue 获取元素样式 元素高度
看到这个问题我第一时间想的竟然是JS 不知道你是怎么想的 不过昨天有一个小哥哥 问我一个Vue的 哈哈哈 get了 我当时问他为什么不用JS获取 他说 这个性能更高 那我们来看看这个高性能的获取元素高 ...
- 「jQuery」获取元素的高度
在jQuery中,获取元素高度的方法有3个:height().innerHeight().outerHeight(); 顺带记一下元素的盒模型: height(高度), padding(内边距), m ...
- JS获取div高度的方法
有时在写页面时,需要获取一个div的高度.怎么才能获取呢?哈哈,先上结论.有两种方法. offsetHeight .clientHeight getComputedStyle offsetHeight ...
随机推荐
- 制作Linux下程序安装包——使用脚本打包bin、run等安装包
制作简单的安装包的时候可以简单的用cat命令连接两个文件,然后头部是脚本文件,执行的时候把下面的文件分解出来就行了.一般这个后部分的文件是个压缩 包,那样,就能够打包很多文件了,在脚本中解压出来即可. ...
- 在Linux中查看文件的编码及对文件进行编码转换
如果你需要在Linux中操作windows下的文件,那么你可能会经常遇到文件编码转换的问题.Windows中默认的文件格式是GBK(gb2312),而Linux一般都是UTF-8.下面介绍一下,在Li ...
- javax.servlet.ServletException: Error instantiating servlet class Compiler 错误
javax.servlet.ServletException: Error instantiating servlet class Compiler org.apache.catalina.authe ...
- bzoj 1185 旋转卡壳 最小矩形覆盖
题目大意 就是求一个最小矩形覆盖,逆时针输出其上面的点 这里可以看出,那个最小的矩形覆盖必然有一条边经过其中凸包上的两个点,另外三条边必然至少经过其中一个点,而这样的每一个点逆时针走一遍都满足单调性 ...
- 使用rgba色实现背景色透明
父元素css属性:background-color: #000; background: rgba(0,0,0,.5); //现代浏览器属性,使用rgba色实现透明,对子属性不继承 filter: ...
- 自定义ImageView的MainActivity
package com.baidu.lianximyview; import com.example.myimageview.MyImageView; import android.os.Bundle ...
- Installing Cygwin and Starting the SSH Daemon
This chapter explains how to install Cygwin and start the SSH daemon on Microsoft Windows hosts. Thi ...
- 网络安全之PHP安全编程建议
要提供互联网服务,当你在开发代码的时候必须时刻保持安全意识.可能大部分 PHP 脚本都对安全问题都不在意,这很大程度上是因为有大量的 无经验程序员 在使用这门语言.但是,没有理由让你因为对你的代码的不 ...
- iOS开发多线程篇—线程间的通信(转)
这里转载 给自己一个备份 一.简单说明 线程间通信:在1个进程中,线程往往不是孤立存在的,多个线程之间需要经常进行通信 线程间通信的体现 1个线程传递数据给另1个线程 在1个线程中执行完特定任务后,转 ...
- App跳转至系统Settings
很多著名和非著名的App有在App内通过某种方式跳转到系统Settings的功能.不论初心和交互,某认为这个功能用的好确实是很方便的,Control Center功能有限,Home键点击起来很累,至于 ...