用# 聚焦不能按预期工作，为什么？答案

【问题标题】：focusing with # doesn't work as expected, why?用# 聚焦不能按预期工作，为什么？
【发布时间】：2016-01-17 09:21:55
【问题描述】：

我将顶部菜单 SOLUTION 按钮上的链接设置为“http://www.atracore.com/index.php#solutions”，并在页面后半部分的标题“CORE TECH SOLUTIONS”上设置了#solutions。

但是当点击 SOLUTIONS 链接时，焦点不正确，高了几行（请查看此截图：http://i57.tinypic.com/dr4ho7.jpg）

谢谢！

【问题讨论】：

【解决方案1】：

您的页面在 HTML 呈现后加载内容。

当我最初单击该链接时，它确实会正确转到您的#solutions 锚点。但是，页面加载后，看起来有些 javascript 会加载您的图形并将页面向下推。浏览器无法弥补这一点，也不会动态更新您的页面。

您需要做的是将动态内容的元素设置为图形的高度，以便 HTML 呈现器知道您的动态内容有多大，并允许您的 # 锚定位到正确的位置。如果您不能这样做，您可能需要在加载动态图形后执行一些 javacript 以将页面移动到正确的位置。

【讨论】：

请告诉我如何设置动态内容的元素与图形的高度？
你知道你的图形有多高吗？如果这样做，请设置包含图形的元素的高度。
嗯，实际上，它的制作方式还有其他错误。不过，我真的没有时间研究如何解决它。如果您调整浏览器窗口的大小，您的图形在图片更改之前不会调整大小。此时您可以看到图形的变化推动了 HTML 内容。
您是指滑块图形吗？我认为它们每个高度为 452 像素。我真的不知道如何设置高度，因为我没有创建 Wordpress 主题 :( 可以通过 CSS 完成，还是我应该编辑一些其他文件？请给我一些建议，非常感谢！
哦，我明白了，你完全正确，直到现在我才看到......也许你能告诉我如何解决一些问题，以便“聚焦”正常工作