用 document.body.scrollTop,document.body.scrollLeft 总是零的原因 - 狼的诱惑 - ITeye博客

`

raik25

浏览: 177684 次
性别:
来自: 云南

最近访客更多访客>>

ancoa

ZXD837709179

xiehao1020

qiqb

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

GGGGeek：博主写的太赞了，只是为什么不更博了
log4j 日志信息存入数据库(配置文件)
dabing69221：不错，学习了，解决问题！！！
关于ORACLE中CREATE VIEW 的时候用ORDER BY 和 WITH READ ONLY 的问题
ncast： ncast 写道的撒旦 :ro[flash=200,200][ ...
jQuery focus()事件获取焦点事件
ncast：的撒旦
jQuery focus()事件获取焦点事件
skydove：文件太大，500多M的时候就会出错了。。
Oracle 11g导出来的dmp导入到 10g的数据库(IMP-00010：不是有效的导出文件，头部验证失败)

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

博客分类：

异常处理

阅读更多

如果顶部申明

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

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

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

1.//view_window_test 是对像的id   
2.//Temo_width 是弹出的DIV的宽度   
3.// 20 是 弹出的DIV的高度   
4.  
5.view_window_test.style.left= event.clientX + document.documentElement.scrollLeft - Temo_width/2;   
6.view_window_test.style.top= event.clientY + document.documentElement.scrollTop + 20;

IE5与IE6的区别：

var scrollPos;
if (typeof window.pageYOffset != ’undefined’) {
   scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != ’undefined’ &&
     document.compatMode != ’BackCompat’) {
   scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != ’undefined’) {
   scrollPos = document.body.scrollTop;
}
alert(scrollPos);

分享到：

java四舍五入BigDecimal | javascript 控制 html元素显示/隐藏

2010-07-15 16:09
浏览 1880
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

scrollLeft,scrollTop等等详解.pdf: 网页被卷去的高： document.body.scrollTop; 网页被卷去的左： document.body.scrollLeft; 网页正文部分上： window.screenTop; 网页正文部分左： window.screenLeft; 屏幕分辨率的高： window.screen.height; 屏幕...

获取页面长宽和滚动条的位置: 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....

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中关于top、clientTop、scrollTop、offsetTop.pdf: * document.body.scrollLeft：网页被卷去的左侧距离四、屏幕尺寸 * window.screen.height：屏幕分辨率的高度 * window.screen.width：屏幕分辨率的宽度 * window.screen.availHeight：屏幕可用工作区高度 * ...

网页鼠标特效.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))...

不出现滚动条移动表格: scrollTop=document.body.scrollTop; } return scrollTop; } /******************** * 取窗口可视范围的高度 *******************/ function getClientHeight() { var clientHeight=0; if...

js中top、clientTop、scrollTop、offsetTop的区别文字详细说明版: 网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);...网页被卷去的左： document.body.scrollLeft

js实现在已有的网站中添加飞翔图片不影响之前布局: dd.style.left = xPos + document.body.scrollLeft; dd.style.top = yPos + document.body.scrollTop; if (yon) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos ) { yon = 1; yPos = 0; } if ...

JS 获取浏览器和屏幕宽高等信息代码: 网页可见区域宽：document.body....document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop 网页被卷去的左：document.body.scrollLeft 网页正文部分上：wi

JS 获取浏览器和屏幕宽高等信息的实现思路及代码: 网页可见区域宽：document.body....document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop 网页被卷去的左：document.body.scrollLeft 网页正文部分上：wi

MM qq2003正式版整站程序: 　答：用记事本（或其它网页制作软件）打开index.htm源文件第一步　找到以下代码 scrollx=tf05.document.body.scrollLeft scrolly=tf05.document.body.scrollTop 在后面增加 scrollx=tf06.document.body.scrollLeft ...

js获取浏览器基本信息大全: 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight ...网页被卷去的高：document.body.scrollTop 网页被卷去的左：document.body.scrollLeft 网页正文部分上：wi

JavaScript网页定位详解: 网页可见区域宽：document.body....document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop 网页被卷去的左：document.body.scrollLeft 网页正文部分上：wi

javascript窗口宽高,鼠标位置,滚动高度(详细解析): 网页可见区域宽：document.body....document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop 网页被卷去的左：document.body.scrollLeft 网页正文部分上：wi

JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码): 网页可见区域宽：document.body....document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop 网页被卷去的左：document.body.scrollLeft 网页正文部分上：wi

鼠标上滚动文字: curscroll.style.left=document.body.scrollLeft+event.clientX+10 curscroll.style.top=document.body.scrollTop+event.clientY+10 } function dismissmessage(){curscroll.style.visibility="hidden"} if ...

javascript小技巧: document.all.topmsg.style.left=document.body.scrollLeft+document.body.clientWidth/2-document.all.topmsg.offsetWidth/2 document.all.topmsg.style.top=document.body.scrollTop+document.body.clientHeight-...

实现星星跟随鼠标的特效: document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10 document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10 document.all.tooltip2.style.visibility=...

网站漂浮窗代码: obj.style.left = x + document.body.scrollLeft obj.style.top = y + document.body.scrollTop x = x + step*(xin?1:-1) if (x ) { xin = true; x = L} if (x > R){ xin = false; x = R} y = y + step*(yin?1:-1) ...

挺好的浮动广告，用于初学的: img1.style.left = xPos + document.body.scrollLeft; img1.style.top = yPos + document.body.scrollTop; if (yon) {yPos = yPos + step;} else {yPos = yPos - step;} if (yPos ) {yon = 1;yPos = 0...

Global site tag (gtag.js) - Google Analytics