Question

Code I cette page, un onglet avec la capacité de glissement: Je aime vraiment l'effet, mais quand vous vien une longue onglet (laissez-dire spécifications), et nous allons à un smalll (téléchargement) reclicking sur une grande seule force l'utilisateur de faire défiler vers le bas à nouveau ...

Est-il possible de quelque chose qui jquery dire la page de rester défiler vers le bas au maximum après l'onglet pressé?

Était-ce utile?

La solution

Je fais quelque chose comme ça avec les onglets jQuery UI, vous pouvez le modifier pour quelque mise en page:

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

J'ai tout le contenu de l'onglet enveloppé dans une <div class="subTabsC">. Les 30 pixels dans mon cas est de rendre compte des onglets et de la frontière, adapter à tout ce que vous avez besoin.

Autres conseils

Oui. OnLoad vous pouvez parcourir tous les onglets, trouvez le plus haut et régler la hauteur du conteneur à cette valeur et de supprimer tout ce qui est fait le redimensionnement lisse.

Cela signifie certaines des choses plus petites pourraient regarder un peu perdu, mais vous ne serais pas redimensionne la page (ce qui me fâche aussi).

ne pourriez-vous ajouter simplement « return false » à la fin de votre fonction? cela l'empêcher de « rafraîchir » la page lorsque vous cliquez sur le lien d'ancrage .... Je peux me tromper ... Je viens juste de commencer à apprendre jquery et javascript.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top