JS 图片展示问题 急急急

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

6 个解决方案

#1


没有图片,是如题。。 JS 图片展示问题 急急急

#2


JS 图片展示问题 急急急

快来人看看啊!

#3


你的需求没太看懂,
我的建议是:图片弹出层的位置应该相对于点击的图片,并设置弹出层相对于图片的top left就可以。

#4


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);

自己参照使用吧

#5


该回复于2012-08-30 11:03:38被版主删除

#6


该回复于2012-08-30 10:49:14被版主删除

#1


没有图片,是如题。。 JS 图片展示问题 急急急

#2


JS 图片展示问题 急急急

快来人看看啊!

#3


你的需求没太看懂,
我的建议是:图片弹出层的位置应该相对于点击的图片,并设置弹出层相对于图片的top left就可以。

#4


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);

自己参照使用吧

#5


该回复于2012-08-30 11:03:38被版主删除

#6


该回复于2012-08-30 10:49:14被版主删除