Pergunta

Eu codio esta página, uma guia com capacidade deslizante: aquiEu realmente gosto do efeito, mas quando você tira uma guia longa (por exemplo, especificação), e vamos a um pequeno (download) reclinando em uma grande força que o usuário rolar novamente ...

É possível brincar algo que diga à página para permanecer rolando no máximo após a guia pressionada?

Foi útil?

Solução

Estou fazendo algo assim com as guias da interface do usuário do jQuery, você pode modificá -lo para qualquer layout:

//Tab panel height matching
$(".ui-tabs-panel").each(function() {
if ($(this).height() + 30 > $(this).parents(".subTabsC").height()) {
  $(this).parents(".subTabsC").height($(this).height() + 30);
}
});

Eu tenho todo o conteúdo da guia embrulhado em um <div class="subTabsC">. Os 30 pixels no meu caso são explicar as guias e a fronteira, ajustar -se ao que você precisar.

Outras dicas

Sim. Onload Você pode iterar em todas as guias, encontrar a altura mais alta e definir a altura do contêiner para esse valor e remover o que estiver fazendo o redimensionamento suave.

Isso significa que algumas das coisas menores podem parecer um pouco perdidas, mas você não redimensionaria a página (o que me irrita também).

Você não poderia simplesmente adicionar "retornar false" no final de sua função? Isso impediria que "refrescante" a página quando você clique no link da âncora ... eu poderia estar errado ... Estou apenas começando a aprender jQuery e JavaScript.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top