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

【问题标题】：highslide: getting popup expand at center when screen size has changedhighslide：当屏幕尺寸发生变化时，弹出窗口在中心展开
【发布时间】：2014-05-25 18:12:23
【问题描述】：

我一直在寻找答案很长一段时间，但无法真正找到解决方案。我对 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。首先展开它，然后关闭它。在不重新加载页面的情况下，调整浏览器窗口的大小并尝试再次展开它。弹出窗口将不再位于中心。它在重新加载页面时修复。我正在寻找一种无需重新加载即可将其居中的解决方案。

感谢您的调查。

【问题讨论】：

你能复制你的例子作为现场演示吗？
是的，需要现场演示。您描述的问题与我的经验不符。当您更改视口大小时，HS 不会重新定位图像，但如果您关闭并重新打开弹出窗口，它会重新定位。
感谢您的调查。我用一个例子编辑了我的问题。

标签： highslide

【解决方案1】：

你需要使用：

hs.preserveContent = false;

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

（已删除演示页面）

【讨论】：