`

用 document.body.scrollTop,document.body.scrollLeft 总是零的原因

阅读更多
如果顶部申明

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">

document.body.scrollTop
要改成
document.documentElement.scrollTop

用下面的就可以在鼠标的下面提示一个小框框

//view_window_test 是对像的id
//Temo_width 是弹出的DIV的宽度
// 20 是 弹出的DIV的高度

view_window_test.style.left= event.clientX + document.documentElement.scrollLeft - Temo_width/2;
view_window_test.style.top= event.clientY + document.documentElement.scrollTop + 20 ;
 
分享到:
评论
2 楼 samnia 2010-09-24  
thanks a lot
1 楼 bookcaicai 2010-03-24  
谢谢哥们,受用了。   哈哈

相关推荐

    document.body.scrollTop用法

    - 在处理跨浏览器兼容性问题时,建议使用 `document.documentElement.scrollTop` 而不是 `document.body.scrollTop`。 - 使用 `window.scrollTo` 或 `window.scrollBy` 方法时,注意它们在不同浏览器中的兼容性差异...

    document.documentElement和document.body区别介绍

    在标准模式下,则需要先判断document.documentElement.scrollLeft和document.documentElement.scrollTop是否为0,若是则使用document.body.scrollLeft和document.body.scrollTop。 了解了这些区别后,前端开发者在...

    js中的如何定位固定层的位置.docx

    但在W3C标准模式下(如XHTML文档),`document.body.scrollTop`通常返回0,此时应使用`document.documentElement.scrollTop`和`document.documentElement.scrollLeft`来获取正确的滚动值。 以下是一段具有良好兼容...

    JS,Jquery获取各种屏幕的宽度和高度

    4. **`document.body.scrollTop`** 和 **`document.body.scrollLeft`**: - 这两个属性表示文档相对于视口已滚动的距离,即滚动条的位置。 5. **`window.screenTop`** 和 **`window.screenLeft`**: - 分别表示...

    获取页面长宽和滚动条的位置

    x = document.body.scrollLeft; } return {X:x, Y:y}; } function main() { var div = document.getElementById("div"); for(var i=0; i; i++) { document.body.appendChild(document....

    用document.documentElement取代document.body的原因分析

    总的来说,使用 `document.documentElement` 取代 `document.body` 是为了在不同浏览器和DOCTYPE声明下获取更准确、更一致的页面尺寸和位置信息,特别是在处理滚动行为和可视区域时。开发者应当了解这两个对象的区别...

    由document.body和document.documentElement想到的

    4. `document.body.scrollTop`和`scrollLeft`分别表示垂直和水平方向上的滚动量。 此外,`window`对象提供了与屏幕和浏览器窗口相关的属性,例如`screenTop`、`screenLeft`、`screen.height`和`screen.width`,这些...

    scrollLeft,scrollTop等等详解[定义].pdf

    在软件开发中,特别是在Web开发领域,理解和使用`scrollLeft`、`scrollTop`以及相关的DOM元素属性至关重要。这些属性主要用于处理网页元素的滚动位置和尺寸,对于创建动态、响应式的用户界面有着重要的作用。 首先...

    javascript document.compatMode兼容性

    document.body.scrollLeft : document.documentElement.scrollLeft; var sTop = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop; } ``` 这段代码首先...

    保持页面滚动条位置的javascript代码

    在网页中,可以通过`window.scrollTo()`或`document.body.scrollTop`和`document.documentElement.scrollTop`来控制或获取页面的滚动位置。其中,`document.body.scrollTop`适用于大多数情况,而`document....

    js获取文本框的值!js获取浏览器高度和宽度值[收集].pdf

    * `document.body.scrollLeft`:获取浏览器的被卷去的左边距 ### 使用 `window` 对象 * `window.screen.height`:获取浏览器的屏幕高度 * `window.screen.width`:获取浏览器的屏幕宽度 * `window.screen....

    js常用代码集锦.

    这段代码的意思是,如果`document.documentElement.scrollTop`的值不为0,则使用它,否则使用`document.body.scrollTop`。类似的,可以使用`document.documentElement.scrollLeft`来获取水平滚动的距离。 以下是...

    js 调色板 纯js

    var left = document.body.scrollLeft + event.clientX; var top = document.body.scrollTop + event.clientY; if (event.clientX+clrPanel.style.pixelWidth > document.body.clientWidth) { //对话框显示在...

    js获取浏览器高度和宽度值(多浏览器)

    - `document.body.scrollTop` 和 `document.body.scrollLeft` 用于获取当前滚动条的位置。 - `window.screenTop` 和 `window.screenLeft` 表示浏览器窗口在屏幕上的位置。 - `window.screen.height` 和 `window....

    JS获取浏览器的高度和宽度

    - `document.body.scrollTop` 和 `document.body.scrollLeft` 是用来获取或设置网页在垂直和水平方向上的滚动位置。 - `window.screen.height` 和 `window.screen.width` 则提供了屏幕分辨率的高度和宽度,而不是...

    网页鼠标特效.docx

    newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width } else { newleft=document.body.scrollLeft + event.clientX } if (event.clientY > (document.body.clientHeight - 5 - height))...

    关于获取各种浏览器可见窗口大小

    s += "网页被卷去的左:" + document.body.scrollLeft + " "; s += "网页正文部分上:" + window.screenTop + " "; s += "网页正文部分左:" + window.screenLeft + " "; s += "屏幕分辨率的高:" + ...

    js菜鸟笔记之图片飘动_ekom.cn

    xScroll = document.body.scrollLeft; } if (self.pageYOffset) { yScroll = self.pageYOffset; } else if (document.documentElement && document.documentElement.scrollTop) { yScroll = document....

    不出现滚动条移动表格

    scrollTop=document.body.scrollTop; } return scrollTop; } /******************** * 取窗口可视范围的高度 *******************/ function getClientHeight() { var clientHeight=0; if...

Global site tag (gtag.js) - Google Analytics