Как переместить окно браузера в верхнюю часть вкладки spry accordion? - PullRequest
0 голосов
/ 20 ноября 2011

У меня на сайте есть аккордеон с разной высотой. Некоторые из них больше экрана - когда я нажимаю на следующую вкладку, область содержимого 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

Когда я нажимаю на любую вкладку, я хочу, чтобы страница самостоятельно перемещалась, чтобы заголовок вкладки попадал в самую верхнюю часть браузера, как я могу это сделать?

Надеюсь, этот вопрос имеет смысл, поскольку я очень серьезно думал об этом, не хочу терять ни одного представителя!

1 Ответ

0 голосов
/ 28 февраля 2012

Это идет в <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>
...