Javascript 如何将浏览器窗口移动到spry accordion选项卡的顶部？

我有一个活泼的手风琴在我的网站，有不同的高度。有些比屏幕大-当我单击下一个选项卡时，spry content area将展开，但仅在spry content area窗口的最末端显示内容

解释：

    |[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

|[表1….]这在
中出现：


函数goToAnchor（锚定）{
location.href=“#”+锚；
}
函数spryTabAnchor（锚定）
{
setTimeout（“goToAnchor（““+anchor+”）”，500）；//500毫秒是一个延迟，因此您仍然可以看到动画。
}

这是主播：

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

如果有人知道更好的方法。。。让我知道！如何使用此方法从页面顶部锚定到50px？只需使用：
window.scrollTo（0,50）
     ------------------------
    |[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

<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>