0

我的站点中有一个高度不同的敏捷手风琴。有些比屏幕大 - 当我单击下一个选项卡时，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

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

我希望这个问题是有道理的，因为我真的很努力地想不想失去任何代表！

4

1 回答 1

0

这在<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>
于 2012-02-28T15:08:48.680 回答