如何将浏览器窗口移动到 spry 手风琴选项卡的顶部？答案

【问题标题】：How to move browser window to the top of an spry accordion tab?如何将浏览器窗口移动到 spry 手风琴选项卡的顶部？
【发布时间】：2011-11-20 04:34:29
【问题描述】：

我的站点中有一个高度不同的敏捷手风琴。有些比屏幕大 - 当我单击下一个选项卡时，spry 内容区域会展开，但仅显示 spry 内容区域窗口最末端的内容。

解释一下：

    |[tab 1 ....            ]|<hidden area
    | content 1              |<hidden area
    | content 1              |<hidden area
     ------------------------
    | content 1              |<visible area 
    | content 1              |<visible area
    | content 1              |<visible area 
    | content 1              |<visible area
    | content 1              |<visible area 
    | content 1              |<visible area 
    |[tab 2 ....            ]|<visible area
     ------------------------
    | content 2              |<hidden area
    | content 2              |<hidden area

当我点击标签 2 时发生这种情况

    |[tab 2 ....            ]|<hidden area
    | content 2              |<hidden area
    | content 2              |<hidden area
     ------------------------
    | content 2              |<visible area 
    | content 2              |<visible area
    | content 2              |<visible area 
    | content 2              |<visible area
    | content 2              |<visible area 
    | content 2              |<visible area 
    |[tab 3 ....            ]|<visible area
     ------------------------
    | content 3              |<hidden area
    | content 3              |<hidden area

当我点击任何标签时，这是我想要发生的事情

     ------------------------
    |[tab 2 ....            ]|<visible area
    | content 2              |<visible area
    | content 2              |<visible area
    | content 2              |<visible area 
    | content 2              |<visible area
    | content 2              |<visible area 
    | content 2              |<visible area
     ------------------------
    | content 2              |<hidden area 
    | content 2              |<hidden area 
    |[tab 3 ....            ]|<hidden area
    | content 3              |<hidden area
    | content 3              |<hidden area

当我单击任何选项卡时，我希望页面自行重新定位，以便选项卡标题转到浏览器的最顶部，我该怎么做？

我希望这个问题是有道理的，因为我认真思考过不想失去任何代表！

【问题讨论】：

标签： javascript accordion spry

【解决方案1】：

这在<head>：

<script type="text/javascript">
function goToAnchor(anchor) {
  location.href = "#"+anchor;
}

function spryTabAnchor(anchor)
{
  setTimeout("goToAnchor('"+anchor+"')", 500); //The 500 milliseconds is a delay so you still have the animation.
}
</script>

这是锚点：

<div class="AccordionPanelTab" onclick="spryTabAnchor('pan2')"<a id="pan2"></a>Tab</div>

【讨论】：

如果有人知道更好的方法...请告诉我！
如何使用这种方法锚定到距页面顶部 50px 的位置？
只需使用：window.scrollTo(0,50);