Question

我一直在寻找答案很长一段时间，但无法真正找到解决方案。我有一个highslide js插件的问题。问题是，当我在页面加载时打开一个弹出窗口时，它会在屏幕中央（我想要的地方）打开，但是当页面调整大小而不重新加载时，弹出窗口将不再位于中心。即使关闭并重新开放。如果页面大小显着减少，弹出窗口甚至会脱离屏幕。我的问题：我可以一直把它放在中心吗？

JS：

<script type="text/javascript">
hs.graphicsDir = 'resources/slider/graphics/';
hs.outlineType = 'rounded-white';
hs.dimmingOpacity = 0.75;
hs.showCredits = false;
hs.restoreCursor = null;
hs.expandCursor = null;
hs.maxWidth = 400;
hs.align='center';
</script>

链接：

<a href="#"onclick="return hs.htmlExpand(this, { contentId: 'content', allowWidthReduction: true} )" class="highslide">Open</a>

欢迎任何帮助。如果我的英语不完美，请提前感谢，对不起。

编辑：有一个例子：http://click.explode.lt/test。首先展开它，然后关闭。无需重新加载页面，请调整浏览器窗口大小并尝试再次展开。 Popup将不再是中心。它重新加载页面时修复。我正在寻找一种解决方案，让它无需重新加载。

感谢您对此进行调查。

Answer 1

您需要使用：

hs.preserveContent = false;

但是你可以通过使用Highslide已经提供的CSS包装器来简化整个过程。这是一个快速演示，改编自旧的HS“准系统”示例之一：

（已删除演示页）

highslide：当屏幕尺寸发生变化时，弹出窗口会在中心扩展

1 个答案: