jQueryUI - Full Page - Excellente bibliothèque

Nous avons besoin de créer une application HTML/Javascript pleine page (100% HEIGHT/WIDTH) qui ne défile pas, nous utilisons jQueryUI. Existe-t-il un moyen de faire respecter cela par jQuery?jQueryUI - Full Page

Le but est de mettre 2 barres de tabulation qui ont chacune une hauteur de 50% et maintiennent cette proportion quelle que soit la taille de l'écran.

Voici un exemple de ce que nous entendons par toute application de la page que nous avons créée en utilisant un autre cadre (DevExpress):

http://BahaiResearch.com/

Nous devons utiliser jQuery parce que l'application sera client 100% sans connexions réseau. DevExpress est un framework côté serveur principalement. En tant que tel, les performances ne sont pas critiques, il n'y a pas de latence sur le réseau, donc un framework simple et grand est meilleur qu'un custom custom complexe pour nous.

Source

2010-12-10 BahaiResearch.com

Vous n'avez vraiment pas besoin n'importe quel jQuery pour obtenir (100% hauteur/largeur) - (défilement). CSS est la voie à suivre ici:

html, body { 
    height: 100%; 
    width: 100%; 
    overflow: hidden; 
    padding: 0; 
    margin: 0; 
} 

.tabBar { 
    height: 49.1%; 
    overflow: scroll; 
    border: 2px solid #000; 
}

Markup:

<html> 
    <body> 
     <div class="tabBar">Tab bar 1</div> 
     <div class="tabBar">Tab bar 2</div> 
    </body> 
</html>

jsfiddle demo ⇒

je recommanderais à commencer par une réinitialisation CSS de variété. J'aime the one from YUI. De cette façon, vous pouvez supprimer les propriétés padding: 0; et margin: 0; et ne pas utiliser d'autres styles inattendus qui aggravent votre mise en page.

Cela dit, si vous cherchez à obtenir la fantaisie avec la mise en page, YUI offre une belle layout builder - encore une fois, vous avez vraiment besoin CSS pour les bases.

Source

2010-12-10 04:24:51

Je recommande plugin 'UI.Layout du JQuery: http://layout.jquery-dev.net/index.cfm

Cette imite de Java 'BorderLayout' et est simple n'a pas encore beaucoup de fonctionnalités. Beaucoup plus facile que de jouer avec CSS pendant des heures;)

Source

2010-12-10 04:36:25 sje397

jQueryUI - Full Page

Répondre

Questions connexes