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

Question

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

我在 Magento 中使用了一个名为 TopUp 的自定义照片弹出功能插件。我联系了代码的原作者，但没有收到回复。我用 Google 搜索了这个问题，其他使用 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';