Shadow Photo Viewer - 在 iframe 屏幕上居中查看照片

发布于 2025-01-05 10:50:01 字数 174 浏览 1 评论 0原文

我有一个缩略图库,可以扩展 iframe,因此 iframe 本身没有滚动条。当用户单击缩略图时,会显示一个 div,它用透明灰色覆盖整个 iframe,并在中心显示全尺寸图像。类似于 facebook 灯箱。

我希望当用户滚动页面时滚动全尺寸图像,以便当他们单击页面下方的缩略图时,它会显示在屏幕中央而不是页面顶部。

I have a thumbnail gallery that expands an iframe so there is no scroll bar on the iframe itself. when a user clicks a thumbnail a div is shown that covers the entire iframe with a transparent grey and displays the fullsize image in the center. Similar to the facebook lightbox.

I want the full size image to scroll when the user scrolls the page, so that when they click on a thumbnail lower down the page it is displayed in the center of the screen and not at the top of the page.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

盗心人 2025-01-12 10:50:01

您可以尝试在灯箱上使用 postion:fixed;

You could try using postion:fixed; on the lightbox.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文