dom元素滚动条高度 js_js,jquery 获取滚动条高度和位置, 元素距顶部距离
一,获取滚动条高度和位置
jQuery
获取览器显示区域的高度: $(window).height();
获取浏览器显示区域的宽度:$(window).width();
获取页面的文档高度:$(document).height();
获取页面的文档宽度:$(document).width();
获取滚动条到顶部的垂直高度:$(document).scrollTop()或$(window).scrollTop()
获取滚动条到左边的垂直宽度:$(document).scrollLeft()或$(window).scrollLeft()
Javascript
$(window).scroll(function() {
console.log(ScollPostion());
});
function ScollPostion() { //滚动条位置
var t, l, w, h;
if(document.documentElement && document.documentElement.scrollTop) {
t = document.documentElement.scrollTop;
l = document.documentElement.scrollLeft;
w = document.documentElement.scrollWidth;
h = document.documentElement.scrollHeight;
} else if(document.body) {
t = document.body.scrollTop;
l = document.body.scrollLeft;
w = document.body.scrollWidth;
h = document.body.scrollHeight;
}
return {
top: t,
left: l,
width: w,
height: h
};
}
二,元素距离页面顶部距离:
jQuery
$("#elt_id").offset().top;
Javascipt
document.getElementById("elt_id").offsetTop;
文章来源:http://blog.51cto.com/maplebb/1864637
jquery 获取滚动条高度
获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 :$(window).width(); 获取页面的文档高度 :$(document).height(); ...
Js/Jquery获取iframe中的元素
转载: Js/Jquery获取iframe中的元素 - - ITeye技术网站http://java-my-life.iteye.com/blog/1275205 在web开发中,经常会用到ifram ...
js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选
转载:https://www.cnblogs.com/ooo0/p/6278102.html js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) ...
jQuery获取带点的id元素
一般jQuery获取某个id为elem元素,只需用$('#elem')就行了,但是如果id中不小心包括了'.' ,那么我吗就会发现这时候jQuery就不能获取到这个元素了.但是使用dom原生的getE ...
js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值
js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jque ...
js里获取页面高度和文档高度
$(window).height() 和 $(document).height()的区别 $(window).height()代表了当前可见区域的大小,$(document).height()则代表了 ...
js如何获取键盘高度
在移动端或混合app开发中,js如何获取键盘高度,直接贴上代码吧 input是一个html input 标签 var timer = { id:null, run:function (callback ...
js&;jquery 获取select下拉框的值、文本内容、自定义属性
js&jquery 获取select下拉框的值.文本内容.自定义属性 CreationTime--2018年7月2日09点22分 Author:Marydon html
js&;jquery获取指定table指定行里面的内容
js&jquery获取指定table指定行里面的内容 CreateTime--2018年5月18日11:46:04 Author:Marydon 1.展示 代码展示
随机推荐
php语言的几种循环语句的使用格式,及其区别
while 只要指定的条件成立,则循环执行代码块 do...while 首先执行一次代码块,然后在指定的条件成立时重复这个循环 for 循环执行代码块指定的次数 foreach 根据数组中每个元素来循 ...
001淘淘商城项目:项目的Maven工程搭建
开始一个新的项目,特此记录,资料全部来源于传智播客,感谢. 我们要做一个类似电商的项目.用maven做管理. maven里面主要分为三种工程: 1:pom工程:用在父级工程,聚合工程中 2:war工程 ...
HD 1011 Starship Troopers(树上的背包)
Starship Troopers Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Other ...
《第一行代码--Android》阅读笔记之界面设计
1.单位dp.dip.sp.pt.px.in.mm 这里引用StackOverFlow上的一个解答: px is one pixel. sp is scale-independent pixels. ...
webapp之路--理解viewport的使用
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择.然而,每一款手机有不同的分辨率,不同屏幕 ...
修改最后一次 已commit 的备注
输入命令 git commit --amend 会展示出最后一次提交的 备注信息 按 i 进行编辑 按esc 退出编辑 再按 shift +: (注意是英文的冒号),切换到命令行 wq 保存 即可 参 ...
Webpack配置及使用
##如何将js模块化 ### module.exports() ### module.require() ### 自定义文件,进入时需要./ ### npm下载得到文件,不需要./ ##如果使用第三方 ...
Git 操作指南
http://blog.csdn.net/troy__/article/details/40082657
innobackupx备份原理
1.工具内容 该软件安装完成会有四个工具,如下所示: usr├── bin│ ├── innobackupex│ ├── xbcrypt│ ├── xbstream│ └── xtrabackup 其 ...
solr学习之一 搜索基本知识
学习了一段时间的solr了,用自己的方式总结下目前学到的内容,这是个系列文章,这里面的有些说法可能不准确,也可能有问题 欢迎大家指正. 一.搜索引擎目的 搜索引擎在我们的生活中,已经无处不在,除了我们 ...
dom元素滚动条高度 js_js,jquery 获取滚动条高度和位置, 元素距顶部距离相关推荐
- jQuery获取带点的id元素
一般jQuery获取某个id为elem元素,只需用$('#elem')就行了,但是如果id中不小心包括了'.' ,那么我吗就会发现这时候jQuery就不能获取到这个元素了.但是使用dom原生的getE ...
- 9 Jquery 获取子孙或父级元素
9 Jquery 获取子孙或父级元素 children 查找直接的子元素,不会跨层级 parent 查找直接父元素 parents 查找所有父级元素 find查找所有的元素,会一直查找,跨层级查找 一 ...
- jQuery 学习-样式篇(六):jQuery 获取和设置表单元素的值
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
- html jq固定div高度,js/jQuery获取/设置div的高度,宽度···
js/jQuery获取/设置html标签的高度等css属性· $(".out-div").height($(window).height() - $("#topDiv&q ...
- 获取整个页面包括滚动条的宽度,获取滚动条宽度
更正!!!!!!!! 下面的代码没用了, 今天看到了 window.outerWidth 这个属性,直接就能取到整个页面包括滚动条的宽度:评论说 window.innerWidth 才是对的, 刚刚 ...
- jquery获得当前元素父级元素_如何使用jQuery获取父元素
jQuery获取父元素我们有三种方式可以实现,.parent()..parents()..closest(),下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例.web前端学习:打造全 ...
- vue设置页面滚动高度_vue中获取滚动高度或指定滚动到某位置
1.点击某个标签,滚动到某个具体位置 switchHeight(num) { this.selectNum = num; if (num == 0) { document.getElementById ...
- 如何使用jquery获取 (滚动条)距离(页面底部)的距离
为什么80%的码农都做不了架构师?>>> if($(document).height()-$(document).scrollTop()<1200){ //当整个页面do ...
- js获取页面高度以及jquery获取页面滚动距离scrollTop方法
$(window).height(); //获取浏览器自身高度 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 $(document).height(); //获 ...
最新文章
- CVPR2020 论文解读:少点目标检测
- Kubernetes Ingress 日志分析与监控的最佳实践
- IOS Core Animation Advanced Techniques的学习笔记(五)
- python整形不可迭代_Python – TypeError:’int’对象不可迭代
- java ftp 中文上传_java实现ftp文件上传下载,解决慢,中文乱码,多个文件下载等问题...
- Bye Bye Embed-再见了Embed,符合web标准的媒体播放器代码
- 简述本地组策略中用户和计算机配置的差异,组策略编辑器中的计算机配置和用户配置有什么区别吗?...
- roads 用户体验标准_世界智能大会与ROAD用户体验报告
- php求北京时间方法,php怎么将获得的时间转换为北京时间
- JEECG 3.6.5版本发布,企业级JAVA快速开发平台
- powerbi内部部署安装指导
- Linux下的less命令
- pandas 选择数据 字符串_读完本文,轻松玩转数据处理利器Pandas 1.0
- 活动合作 | AI NEXTCon 硅谷AI技术峰会(北京分会)大咖来袭
- BT601、BT656和BT.709、BT1120
- 虚幻引擎缓存路径修改
- 土地利用转移矩阵图怎么做_如何用Arcgis做土地利用转移矩阵?求教各位..._土地估价师_帮考网...
- 基于开源飞控系统和安卓系统的4g5g物联网无人机实现
- 博文翻译:Tackling the Cold Start Problem in Recommender Systems
- 1628 Pizza Delivery
热门文章
- 如何找一份坐在家里就可以赚钱的工作
- 安卓TV插件化9.0内联崩溃原因及解决方案
- Codeforces 439A, the Singer and Churu, the Joker(水题)
- 想学Web前端开发,应该怎么自学?
- 我骑方轮车笑对坑洼人生
- #学习笔记#什么是Http协议
- ewiews面板回归模型操作_eviews处理面板数据的操作的步骤.ppt
- js正则获取顶级域名
- nms_rotated编译出错fatal error: THC/THC.h: No such file or directory
- mysql extendedstatus_mysqladmin的extended-status指令查看 mysql各状态