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被版主删除
标签：

相关文章