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

标签 javascript anchor internet-explorer-7

我有一个包含选项卡式 Pane 的页面 (pageA),每个 Pane 的内容由一个 DIV 元素表示,并且它有一个唯一的 ID,例如 id="tab1"

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

我有另一个页面 (pageB),它有一个链接到特定选项卡的 A 元素

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

在 IE7 pageA 上,只有当我从 pageB

在新窗口中打开链接时,标签才会滚动

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

最佳答案

我注意到在 IE7 中由 anchor 构建的 url 无效:

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

所以最简单的解决方案是在 anchor 中放置一个带# 的完整 url。这将防止 IE7 从头构建它(url 应该是服务器端生成的,以避免 Dev/Test/Qa/Prd 转换问题):

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

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

编辑: 这是另一种方法的一个很好的例子:window.location = #anchor doesn't work in IE 简而言之:

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

关于javascript - IE7 只滚动锚定在新窗口中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14955622/

相关文章:

javascript - 简单的左右滚动选取框

firefox - 使用 Firefox SDK 自动进行 Wi-Fi 授权

html - CSS Sticky 页眉、页脚和侧边栏

php - 如何让 anchor 按钮适合列出的订单标签?

javascript - 使用 javascript 添加 CSS 渐变 - IE7 中的错误

css - p标签和输入标签之间有一个像素的差距

javascript - 从多维 javascript 数组创建 html 表

html - 如何使 anchor 元素seo友好?

jquery - 使用 jQuery 修正 IE7 中的显示

javascript - 如何处理来自 Ajax POST 请求的多个文件响应?