javascript - IE7 只在新窗口中滚动锚定

Question

我有一个包含选项卡式窗格的页面（pageA），每个窗格的内容由 DIV 元素表示，并且它具有唯一的 ID，例如 id="tab1"

<div id="tab1">Contents of tab</div>

我有另一个页面（pageB），其中有一个链接到特定选项卡的 A 元素

<a href="otherpage.html#tab2">Tab 2</a>

在带有选项卡的 IE7 pageA上，只有当我从pageB在新窗口中打开链接时才会滚动

有没有人遇到过这个问题并知道如何解决？

score 0 · Accepted Answer

我注意到 IE7 中的锚正在构造的 url 无效：

<a href='#skipNav'>Skip</a> -> <url>/#/skipNav

所以最简单的解决方案是在锚点中放置一个带有 # 的完整 url。这将防止 IE7 从头开始构建它（url 应该是服务器端生成的，以避免 Dev/Test/Qa/Prd 转换问题）：

<a href='<url>/#skipNav'>Sip</a>

~~编辑：如果仍然发生错误，请尝试添加随机查询字符串。这是一个肮脏的解决方案，但在 IE7 中什么不脏~~

编辑：这是另一种方法的一个很好的例子：window.location = #anchor 在 IE 中不起作用简而言之：

 <a href="#" onclick="window.scrollTo(0, 0); return false;'">Back to top</a>

1 回答 1