日期:2014-05-16  浏览次数:20383 次

JS 图片展示问题 急急急
如图,我在做JS图片展示 的时候 ,因为页面图片比较多,而且还有滚动条,我想做的是点击 图片弹出层,然后放大图片,可以查看下一页上一页,但是如果有滚动条的话,弹出的层就老在上面,不能拉下来,我想要的是 我在页面任意位置点击图片,而弹出层 只在可看部位 显示 。也就是 怎么获得当前屏幕可见区域的高度(有滚动条,可见区域不一定。)我试过document.body.scrollHeight 还是不行。。。求助各位。。。急急急!

------解决方案--------------------
JScript code
var y= document.documentElement?(document.documentElement.scrollTop || 0):(document.body.scrollTop || 0);
y = Math.max(y, (window.scrollY || 0));
alert("当前可见区域距离最顶部:"+y);
var y= document.documentElement?(document.documentElement.clientHeight || 0):(document.body.clientHeight || 0);
alert("当前可见区域高度:"+y);
var y= document.documentElement?(document.documentElement.scrollHeight || 0):(document.body.scrollHeight || 0);
alert("页面总高度:"+y);