添加评论
关注(0)4个答案 按时间排序 按投票排序
-
你既然得到了x,y坐标，估计你想的定位是相对于浏览器窗口的。
你需要通过js获取一些浏览器的信息。
下面这个方法会对你有一定用处
function findDimensions() { // 函数：获取尺寸，顶部到现在浏览器显示的底部高度
this.winHeight = 100;
this.winWidth = 100;
// 获取窗口宽度
if (window.innerWidth)
this.winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
this.winWidth = document.body.clientWidth;
// 获取窗口高度
if (window.innerHeight)
this.winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
this.winHeight = document.body.clientHeight;
// 通过深入Document内部对body进行检测，获取窗口大小
if (document.documentElement && document.documentElement.clientHeight
&& document.documentElement.clientWidth) {
this.winHeight = document.documentElement.clientHeight;
this.winWidth = document.documentElement.clientWidth;
}
}2009年7月18日 23:32
相关推荐
在本文中，我们将深入探讨如何使用JavaScript来获取页面中div元素的坐标。这是一项基础且实用的技术，在Web开发中经常会用到，尤其是在进行DOM操作、实现自定义的交互效果或开发动画时，获取元素的位置信息是必不可...
本文将详细介绍如何使用 JavaScript 来获取 div 元素的位置坐标。 #### 二、基础知识 在开始之前，我们需要了解一些基础概念： 1. **DOM (Document Object Model)**：文档对象模型是一种用于表示 HTML 或 XML 文档...
然而，由于图片可能被缩放或CSS定位，这些原始坐标并不直接对应于图片像素。因此，我们需要对坐标进行转换。对于图片，我们可以通过以下步骤得到像素坐标： 1. 获取图片元素`<img>`，并读取其`offsetWidth`和`...
在获取到鼠标坐标后，代码使用一个for循环遍历页面上所有的div元素，并使用div[i].style.left和div[i].***属性来动态设置每个div的位置。遍历过程中，每个div元素的位置都是基于前一个div元素的位置进行设置的，形成...
4. **应用到2D元素**：最后，你可以使用计算出的2D坐标更新div的位置，使其与3D对象相对应。 在提供的`index.html`和`js`文件中，可能包含了具体的实现代码，包括创建Three.js场景、相机、光源、对象以及处理鼠标...
1:移动图层 获得点的x轴y轴坐标，从而进行绝对定位(注意：竖拉框会影响 x 轴 y 轴坐标值) 代码如下: var x,y,z,down=false,obj function init(){ obj=event.srcElement //事件触发对象 obj.setCapture() //设置属于...
在上述提供的数据中，已经给出了一些浙江省内城市的坐标，例如杭州（120.19237,0.187588）、宁波（121.598001,29.875392）等。 2. **准备数据格式**：将这些地理坐标数据按照ECharts的要求进行格式化。通常情况下...
现在，我们需要使用JavaScript（这里我们可以使用jQuery库，因为它简洁易懂）来监听"hover-div"的`mouseover`和`mouseout`事件，以便在鼠标进入和离开时显示和隐藏"info-div"。同时，我们还需要计算"info-div"的显示...
* `position`：设置 DIV 元素的定位方式，可以是 `absolute` 或 `relative`。 * `top` 和 `left`：设置 DIV 元素的坐标位置。 * `height` 和 `width`：设置 DIV 元素的高和宽。 * `overflow-x` 和 `overflow-y`：...
1. **CSS 定位**：使用 `position: absolute` 或 `position: fixed` 来定义 Div 的位置。 - `position: absolute;` 表示 Div 相对于最近的非静态定位祖先元素定位。 - `position: fixed;` 表示 Div 相对于浏览器...
标题中的“index(可移动最小化最大化div,鼠标坐标显示).zip”指示这是一个关于使用HTML和CSS实现可移动、最小化和最大化的div元素的示例项目。这个压缩包可能包含了一个名为“index”的HTML文件，该文件展示了如何...
5. **绘图**：获取了div的坐标后，我们可以创建一个新的Bitmap对象，大小与div相同，然后使用Graphics类的DrawImage方法，将WebBrowser控件的部分区域绘制到Bitmap上，即实现了div内容的截图。 6. **保存图片**：...
以下将详细介绍如何在Vue项目中使用高德地图API获取地理坐标信息。 首先，确保你已经安装了Vue.js框架并创建了一个新的Vue项目。如果还没有，可以使用Vue CLI或者手动创建一个基本的Vue应用结构。 1. **引入高德...
这里，我们设置了一个id为`floatingDiv`的div，使用绝对定位，以便我们可以自由地改变其位置。 接着，我们需要在`mouseFollow.js`中编写JavaScript代码来实现鼠标跟随效果。主要逻辑包括： 1. **事件监听**：使用`...
在这个示例中，我们首先获取了div元素的边界信息，然后计算鼠标事件的坐标与div元素左上角坐标的差值，从而得到相对位置。 3. **考虑滚动条和页面缩放：** 当浏览器窗口有滚动条或者页面进行了缩放时，`clientX` ...
本篇文章将详细介绍如何在Vue项目中使用高德地图（AMap）根据坐标定位点的实现代码。 首先，我们了解高德地图API的引入和配置。在HTML页面中，需要引入高德地图的JS API，例如： ```html ***你的API密钥"> ``` ...
此外，jQuery还提供了其他方法来移动元素，如`position()`和`offset()`，它们分别用于获取或设置元素相对于其最近的定位祖先（非static定位）和相对于文档的坐标。例如，如果我们想根据新的坐标移动div，可以这样： ...
在给出的代码示例中，有三个div（`.div-a`、`.div-b`和`.div-c`），它们都是绝对定位的，并且都在`.div-relative`这个相对定位的容器内。通过调整各自的`left`、`top`属性，使得这些div在页面上重叠。 `.div-a`位于...
获取鼠标在当前屏幕坐标系中的位置信息 将鼠标移动到要获取位置的点，然后按F10，就会弹出当前的坐标值
如果我们需要在特定坐标显示div，可以使用CSS的`style`属性来设置位置。例如，让div出现在屏幕的20px, 30px位置： ```javascript newDiv.style.position = 'absolute'; // 设置为绝对定位 newDiv.style.top = '20px...