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

Question

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

我在 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 - 但我不能让它做我想做的事。

理想情况下，弹出窗口会出现在距页面顶部 100 像素的位置，并且在您按下下一个或上一个时居中并保持居中。

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

Answer 1

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

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