首页 > 其他分享 >js获取元素滚动高度,body高度...

js获取元素滚动高度,body高度...

时间:2023-09-01 18:47:48浏览次数:35  
标签:body ... obj 元素 高度 滚动条 获取 document

获取浏览器显示区域(可视区域)的高度 :   
$(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(在元素的包含元素含滚动条的情况下)

标签:body,...,obj,元素,高度,滚动条,获取,document
From: https://www.cnblogs.com/KnightKey/p/17672654.html

相关文章

  • 2023-09-01:用go语言编写。给出两个长度均为n的数组, A = { a1, a2, ... ,an }, B = { b1
    2023-09-01:用go语言编写。给出两个长度均为n的数组,A={a1,a2,...,an},B={b1,b2,...,bn}。你需要求出其有多少个区间[L,R]满足:数组A中下标在[L,R]中的元素之和在[La,Ra]之中,数组B中下标在[L,R]中的元素之和在[Lb,Rb]之中。输入:第一行有一个正整数N(1<=N<=100000),代表两......
  • 2023-09-01:用go语言编写。给出两个长度均为n的数组, A = { a1, a2, ... ,an }, B = { b1
    2023-09-01:用go语言编写。给出两个长度均为n的数组,A={a1,a2,...,an},B={b1,b2,...,bn}。你需要求出其有多少个区间[L,R]满足:数组A中下标在[L,R]中的元素之和在[La,Ra]之中,数组B中下标在[L,R]中的元素之和在[Lb,Rb]之中。输入:第一行有一个正整数N(1<=N<=10000......
  • python selenium报错ValueError: Timeout value connect was <...>, but it must be an
    最近学习爬虫,安装selenium,很简单地执行代码,但是一直报错。importtimeimportopenpyxlfromseleniumimportwebdriverfromselenium.webdriver.common.keysimportKeysfromselenium.webdriver.common.byimportByfromselenium.webdriver.chrome.serviceimportService......
  • word 从正文开始插入页码1.2.3......
    第一步、在目录后面插入分节符:在“插入”菜单里点击“分隔符”,选择“分节符类型”_“下一页”。第二步、在正文的页脚视图中,单击“链接到前一个”,取消与前一节(即目录页)的链接。第三步、在正文插入页码:在“插入”菜单里点击“页码”,单击“格式”按钮,在“页码编排”中选择“起始......
  • Mybatis Plus报错: can not find lambda cache...
    使用mybatisplus时使用Lambda表达式做查询条件会遇到mybatis拿不到缓存问题:错误1:com.baomidou.mybatisplus.core.exceptions.MybatisPlusException:cannotfindlambdacacheforthisentity错误2:cannotfindlambdacacheforthisproperty[XXX]ofentity[com.XXX.X......
  • .NET API 中的 FromRoute、FromQuery、FromBody 用法
    原文链接:https://www.cnblogs.com/ysmc/p/17663663.html最近技术交流群里,还有不少小伙伴不知道 FromRoute、FromQuery、FromBody这几个特性是怎么使用的,也不清楚它们之间的区别在哪里,特意写下这个文章,希望可以帮助到迷茫的小伙伴。在API开发过程中,我们先要确定我们的接口......
  • 与信创国产化高度适配的低代码开发框架
    信创产业是中国经济发展的基础,也是重要驱动力。坚持基础软件自主创新,是国产软件正版化应用和推广的源头。行业预测,2023年信创产业市场规模预计为18710.59亿元,预计到2025年将会接近3.5万亿元。信创产业的主要目标是实现信息技术领域的自主可控,保障国家信息安全,而其核心手段在于通......
  • align属性absMiddle、AbsBottom、Baseline、Bottom、Left、Middle、NotSet、Right、Te
    AbsBottom图像的下边缘与同一行中最大元素的下边缘对齐。AbsMiddle图像的中间与同一行中最大元素的中间对齐。Baseline图像的下边缘与第一行文本的下边缘对齐。Bottom图像的下边缘与第一行文本的下边缘对齐。Left图像沿网页的左边缘对齐,文字在图像右边换行。Middle图像......
  • SpringMVC3的ResponseBody返回字符串乱码问题解决
    SpringMVC的@ResponseBody注解可以将请求方法返回的对象直接转换成JSON对象,但是当返回值是String的时候,中文会乱码 原因是因为其中字符串转换和对象转换用的是两个转换器,而String的转换器中固定了转换编码为"ISO-8859-1" 网上也很多种解决方法,有通过配置Bean编码的,也有自己重写转......
  • myloader导入更快吗?并没有......
    0.结论先行1.背景介绍2.测试过程3.结果对比附录myloader还默认禁用binlog了0.结论先行重要结论先说:导入大批量数据时,采用GreatSQL8.0.32-24中新增并行loaddata特性是最快的,关于该特性的描述详见:ChangesinGreatSQL8.0.32-24。1.背景介绍前几天我用MySQL官网......