网页可见区域宽: document.body.clientWidth;
网页可见区域高: document.body.clientHeight;
网页可见区域宽: document.body.offsetWidth (包括边线的宽);
网页可见区域高: document.body.offsetHeight (包括边线的宽);
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight;
网页被卷去的高: document.body.scrollTop;
网页被卷去的左: document.body.scrollLeft;
网页正文部分上: window.screenTop;
网页正文部分左: window.screenLeft;
屏幕分辨率的高: window.screen.height;
屏幕分辨率的宽: window.screen.width;
屏幕可用工作区高度: window.screen.availHeight;
屏幕可用工作区宽度:window.screen.availWidth;
幕可用工作区宽度:window.screen.availWidth;
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
以上主要指IE之中,FireFox差异如下:
IE6.0、FF1.06+:
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5:
clientWidth = width - border
分享到:
相关推荐
此jquery元素位置交换插件,在元素位置交换过程中,保留了原元素的所有属性。这个插件也是借鉴她人(她人已经忘记谁了,但还是要感谢她!),的思路进行了调整,原来插件在交换后会丢失原元素一些属性与功能。原插件...
网页元素位置(scroll、client、offsetWidth等)获取、设置详解
设a[0:n-1]是一个已排好序的数组。请改写二分搜索算法,使得当搜索元素x不在数组中时,返回小于x的最大元素的位置I和大于x的最大元素位置j
Javascript 元素位置、大小、鼠标定位操作 本文将详细介绍 Javascript 中元素位置、大小、鼠标定位操作相关的知识点,包括事件对象、DOM 对象、Style 对象等提供的相关属性和方法。 一、事件对象 Event 事件对象 ...
本程序的目的是帮助理解和实现如何在数组中查找特定元素的位置,这对于初学者来说是一个很好的实践课题。在此,我们将深入探讨数组的概念,查找算法以及如何在C++中实现这些概念。 首先,数组是有序的数据集合,...
使用九宫格作为画布背景;每个九宫格中的元素为数字、数学公式、物理公式(注:一切能在数学条件下代表大小的...在每一次元素位置发生变化时进行比较当前九宫格中所有元素是否由小到大顺序排列,如顺序排列就进入下一关;
在MATLAB中进行轨道元素位置速度矢量的开发是一项涉及航天动力学和数值计算的任务。轨道元素是描述天体在空间运动轨迹的关键参数,而位置和速度矢量则是描述天体在特定时刻的具体状态。本项目的目标是实现从位置和...
页游元素位置自适应浏览器位置示例源码,哈哈,不太明白的朋友,可以参考下。
刚学了,自己瞎写的,希望多多指教。。。。。。。。
以上就是使用jQuery来简单获取DIV和A标签元素位置的基本方法。通过这些方法,我们能够精确地控制页面上元素的位置,从而实现更加丰富和动态的网页效果。 除了获取元素的位置信息,本文还提到了一些其他关于jQuery...
JavaScript 提供了这样的功能,可以让我们控制网页平滑地滚动到指定的元素位置。本文将详细讲解如何利用 JavaScript 实现这个功能。 首先,我们要了解 JavaScript 中获取元素位置的基本方法。在提供的代码中,`...
在MouseUp事件中,根据鼠标的当前位置和ListBox的子元素顺序,我们可以计算出源元素的新位置,并调用Move方法将其移动到正确的位置。最后,记得将ListBox的IsHitTestVisible属性恢复为true,以便用户可以继续交互。 ...
Uniapp框架的针对微信小程序的使滚动条跳转到指定元素位置。直接复制粘贴内容,然后配置好page.json。就可以直接查看效果。
首先,我们要理解元素位置的概念。一个元素在页面中的位置通常由其相对于视口(viewport)的坐标来定义,这包括元素自身的边距、内边距和边框。`getBoundingClientRect()`方法是一个非常实用的工具,它可以返回元素...
6. `selectUser.js`: 主要的JavaScript源码,实现了跨框架获取元素位置的功能。 在`selectUser.js`中,开发者可能使用了递归方法来遍历所有框架,查找目标元素并计算其位置。递归的关键在于,每次进入一个iframe,...
点击元素后,滚动条滚动至该元素位置: $('a.lead-link').bind('...以上这篇jquery 点击元素后,滚动条滚动至该元素位置的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
在Web开发中,获取页面尺寸、滚动条位置以及元素位置是前端开发工程师经常需要处理的任务。这些功能对于动态调整页面布局、实现滚动监听以及确定元素在页面中的确切位置至关重要。本文将详细解释使用纯JavaScript...
在进行网页开发过程中,常常会遇到需要将页面滚动条滚动到特定子元素位置的场景。例如,在一个具有多个表格行的页面中,当用户点击某个特定行以查看更多详情时,我们希望页面滚动条能够自动滚动到该行的位置,使得...