专注于#并没有按预期工作,为什么?

时间:2015-10-19 05:54:29

标签: html wordpress web hyperlink focus

我将顶部菜单解决方案按钮上的链接设置为这个" http://www.atracore.com/index.php#solutions"并且#solutions设置在标题"核心技术解决方案"在页面的后半部分。

但是当点击SOLUTIONS链接时,焦点不正确,它会高出几行(请查看此屏幕截图:http://i57.tinypic.com/dr4ho7.jpg

谢谢你!

1 个答案:

答案 0 :(得分:1)

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

当我最初点击链接时,它会正确地转到#solutions锚点。但是,在页面加载后,看起来有些javascript会加载您的图形并将页面向下推。浏览器无法对此进行补偿,也不会动态更新您的页面。

您需要做的是使用图形的高度设置动态内容的元素,以便HTML渲染知道您的动态内容有多大,并且它将允许您的#锚定到正确的位置。如果你不能这样做,你可能需要做一些javacript来在加载动态图形后将页面移动到正确的位置。