guia deslizante jQuery “Efeito colateral”
-
23-09-2019 - |
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?
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.