Javascript / css照片弹出功能放置问题

Javascript / css photo pop-up feature placement issues

本文关键字：功能问题 css 照片 Javascript 更新时间：2023-09-26

我已经多次使用这个网站来寻找问题的答案，但我似乎找不到当前问题的答案。任何帮助都会很棒！

我正在使用Magento中的自定义照片弹出功能附加组件，称为TopUp。我联系了代码的原始作者，但没有收到回复。我用谷歌搜索了这个问题，其他使用 Magento 1.6 和 1.7 的用户也遇到了同样的问题。

当您在查看产品详细信息页面时单击产品图片时，图像应在屏幕中间弹出。好吧，现在，图像会向屏幕底部弹出，当您单击下一步或后退时，它会将自己重新定位到更下方的位置。

以下是适用于此目的的产品(开发站点(的确切链接：http://www.childress-media.com/shapingheartsforgod.org/index.php/shaping-hearts-series/pre-k-through-5th-grade/all-things-made-new/all-things-made-new-student-workbook-level-1.html

以下是 Javascript 弹出程序的链接：http://www.childress-media.com/shapingheartsforgod.org/skin/frontend/base/default/js/top_up/top_up-min.js

我尝试在文件中到处弄乱 CSS - 但我无法让它做我想做的事。

理想情况下，弹出窗口将从页面顶部显示 100px，并在您按下一个或上一个时居中并保持居中。

你们可以提供的任何帮助将不胜感激。谢谢！

一个简单但原始的方法是设置 css 样式，例如：

document.getElementById('top_up').style.top = '100px';