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

最新推荐文章于 2019-11-12 13:28:28 发布

wlx0710

最新推荐文章于 2019-11-12 13:28:28 发布

阅读量340

点赞数

文章标签： XHTML HTML

本文介绍了一种使用JavaScript来调整页面滚动位置的方法，并演示了如何在鼠标事件中利用document.documentElement.scrollTop属性来实现元素的精确定位。此外，还提供了一个示例代码片段，展示了如何根据鼠标位置动态调整弹出窗口的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果顶部申明

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 ;