j-ViewBox
- Il maintient un taux fixe
- Excellente utilisation pour les applications intranet
- Soutenir le
releasing
Configuration :
height {Number}pourcentage de hauteurdisabled {Boolean}optionnel, peut désactiver le contenu avec la coucheparent {String}en option, un conteneur à hauteur fixe, peut êtrewindow. Valeur par défaut : élémentparent.minheight {Number}une hauteur minimale en pixels (defaut:0- désactivé)scroll {Boolean}permet le scrollage vertical (defaut:false- désactivé)scrollbar {Boolean/String}affiche la barre d'échantillonnage (defaut:trueou new:native)delay {Number}msec.reprend la boîte si la valeur est modifiée selon le chemin (defaut:100)visibleY {Boolean}affiche toujours la barre de scrollY(defaut:false)visibleX {Boolean}affiche toujours la barre de scrollX(defaut:false)scrollto {String}tourne automatiquement vers le haut/bas si lepathest modifié (defaut:EMPTY, peut êtretopoubottom)margin {Number}facultatif, une marge de haut/bas ensemble (supportantautoqui est compté à partir deoffset.top, par défaut:0)marginxs {Number}en option, une marge supérieure/inférieure ensemble pour la largeur d'écranxsmarginsmen option, une marge supérieure/inférieure ensemble pour la largeur d'écransmmarginmden option, une marge supérieure/inférieure ensemble pour la largeur d'écranmdmarginlgen option, une marge supérieure/inférieure ensemble pour la largeur d'écranlginvisible {Boolean}si la boîte d'affichagetruemet alors la classeinvisiblelors de la rendu (défaut:true)scrollbarshadow {Boolean}sitruealors les scrollbars personnalisés contiennent une ombre verticale (defaut:false)initdelay {Number}supprime la classeinivisibleaprès le temps spécifié (defaut:250ms)centered {Boolean}permet la concentration verticale et horizontale du contenu (defaut:false)resizedelay {Number}retard pour la reprise (défaut:200)- NEW:
togglescrolled {String}un sélecteur DOM pour les éléments mères (il ajoute la classeui-viewbox-scrolledlorsque la boîte de vue est sculptée)
Méthodes :
component.scrolltop(val)défile Ycomponent.scrollbottom(val)fait défiler Y depuis le côté inférieurcomponent.resize()résiste au conteneur (il réagit automatiquement aux événements deresize)component.resizescrollbar()résise la barre de scroll personnalisée (dirigée pour les cas spéciaux)
Utilisez-le avec <ui-component name="viewbox">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.
<ui-component name="viewbox" config="height:30;parent:window" style="background-color:#F5F5F5">
Always 30%
</ui-component>
<ui-component name="viewbox" config="height:70;parent:window" style="background-color:#E0E0E0">
Always 70%
</ui-component>