Как переместить окно браузера в верхнюю часть активной вкладки аккордеона?

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

Ответы (1)


arrow_upward
0
arrow_downward

Это идет в <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>
person Circle B    schedule 28.02.2012
comment
Если кто-то знает лучший способ... Дайте мне знать! - person Circle B; 28.02.2012
comment
как бы я использовал этот метод для привязки к 50px от верхней части страницы? - person Aasim Azam; 11.04.2014
comment
Просто используйте: window.scrollTo(0,50); - person Circle B; 11.04.2014