jQuery图像弹出窗口被浏览器窗口隐藏

Question

晚上好，

我遇到了一些弹出图片的问题。这是jsFiddle的链接，我已经上传了基础知识供您查看：

http://jsfiddle.net/aETbw/37/

真实页面在图像边缘包含更多空间，因此在某些情况下您无法看到图像的顶部或右侧这一事实并不是真正的问题。问题是当图像的底部出现在浏览器底部之外时。如果图像超出浏览器窗口/视口，有没有办法让图像向上移动，以便整个图像可见？

如果可能的话，我还想知道如果图像在相机图标后被隐藏，如何使图像保持可见。

先谢谢你一起来看看。

马丁。

Answer 1

只需运行检查，查看图像显示后图像的位置与窗口高度的对比情况，如果需要，将其移动到窗口范围内。见http://jsfiddle.net/aETbw/40/