jquery如何获取元素的滚动高度
获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : $(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 : $(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height(); 浏览器当前窗口文档body的宽度: $(document.body).width(); 获取滚动条到顶部的垂直高度 (即网页被卷上去的高度) $(document).scrollTop(); 获取滚动条到左边的垂直宽度 : $(document).scrollLeft(); 获取或设置元素的宽度: $(obj).width(); 获取或设置元素的高度: $(obj).height(); 某个元素的上边界到body最顶部的距离:obj.offset().top;(在元素的包含元素不含滚动条的情况下) 某个元素的左边界到body最左边的距离:obj.offset().left;(在元素的包含元素不含滚动条的情况下) 返回当前元素的上边界到它的包含元素的上边界的偏移量:obj.offset().top(在元素的包含元素含滚动条的情况下) 返回当前元素的左边界到它的包含元素的左边界的偏移量:obj.offset().left(在元素的包含元素含滚动条的情况下)
//返回当前页面高度function pageHeight(){ if($.browser.msie){ return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : document.body.clientHeight; }else{ return self.innerHeight; } };//返回当前页面宽度 function pageWidth(){ if($.browser.msie){ return document.compatMode == "CSS1Compat"? document.documentElement.clientWidth : document.body.clientWidth; }else{ return self.innerWidth; } };
转载于:https://www.cnblogs.com/sntetwt/p/3823592.html
jquery如何获取元素的滚动高度相关推荐
- dom元素滚动条高度 js_js获取元素的滚动高度,和距离顶部的高度
监控元素出现在视图中 p { height: 30px; line-height: 30px; background: #f3f3f3; opacity: 0; } 你好,china! 你好,chin ...
- scrollHeight: 获取对象的滚动高度。
scrollHeight: 获取对象的滚动高度. scrollWidth:获取对象的滚动宽度 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop: ...
- 网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
- js进阶 11-8 jquery如何获取元素相对于父元素的位置
js进阶 11-8 jquery如何获取元素相对于父元素的位置 一.总结 一句话总结:用jquery的position方法,但是使用这个方法的前提是父元素相对定位,子元素绝对定位,否则和offset ...
- jquery中获取元素的几种方式小结
1 从集合中通过指定的序号获取元素 <div><p>0</p><p>1</p><p>2</p><p>3& ...
- jquery 获取同级元素_如何在jQuery中获取元素的同级
jquery 获取同级元素 In this post, we will discuss how to get the siblings of an HTML element in jQuery. jQ ...
- Vue 在使用v-if的前提下,使用elementResizeDetector配合ref获取元素块的高度
前言 公司的项目主要以Vue + elementUI为主,最近公司项目需要做一个附件上传的组件,如下图,然而在做的过程中,遇到了一定的问题.在缩小浏览器时,备注部分与附件查看处的滚动条重合了,这就使得 ...
- Vue 获取元素的宽度高度
<div ref="content"></div> var ref = this.$refs.content.$el; 此时获取的就是div这个dom元素. ...
- JS总结——获取元素的各种高度宽度
由于该内容属于记忆性内容,因此这次就copy了一下别人的博客 鼠标的横坐标,X轴: event.clientX; 鼠标的竖坐标,Y轴: event.clientY; 网页可见区域宽: docum ...
最新文章
- Microbiome:16S扩增子测序研究中定量变异和生物量影响
- 有关Visual Studio 2008 SP1和SQL Server 2008的一些说明
- 云服务器 生物信息学,云服务器 生物信息学
- 【包邮送书活动】20210924期-开奖通知
- djnago 模型 新建对象id为空
- (31)Gulp 构建样式文件
- python主要简介_Python的简介
- Mysql 索引案例学习
- Zabbix4.0安装教程
- 从一个面试官的角度谈谈产品经理怎么写简历
- 二、AFD-Net: Aggregated Feature Difference Learning for Cross-Spectral Image Patch Matching论文阅读
- C++特征码查找 附加案例
- Kubernetes网络插件(CNI)超过10Gbit/s网络的基准结果
- APP软件测试点着重详解
- 视频号直播间微信小程序开发制作介绍
- 助力自动驾驶商业化 高德公布高精地图技术路线图
- 人工智能数学基础--不定积分2:利用换元法求不定积分
- 在线php后门查找,一款猥琐的PHP后门分析
- 从获评毕马威中国领先地产科技50强 看贝壳的长期主义
- 1248码转换成ABCD
热门文章
- final关键字与static对比
- C# Android wifi控制灯,求助如何在基于安卓通过WiFi与Arduino通信,实现对LED灯的控制。...
- Spring系列(五):@Lazy懒加载注解用法介绍
- MySQL 中事务、事务隔离级别详解
- mysql 5.5 压力测试,mysql 压力测试
- mysql004子查询.相关子查询.不相关子查询
- 初学者也能看懂的 Vue2 源码中那些实用的基础工具函数
- Xshell替代品 -- FinalShell
- 纯js上传文件 很好用
- svnsync实现版本库的同步备份