j-ViewBox
- mantenere un percentuale fisso
- Ottimo utilizzo per le applicazioni intranet
- Supporto di
releasing
Configurazione:
height {Number}per cento di altezzadisabled {Boolean}opzionale, può disattivare il contenuto con la strisciaparent {String}opzionale, un contenitore con altezza fissa, può esserewindowValore di default:parentIl elemento.minheight {Number}a altezza minima in pixel (default:0- disabilitato)scroll {Boolean}consente scorrimento verticale (default:false- disabilitato)scrollbar {Boolean/String}mostra la barra di scorrimento (default:trueo new:native)delay {Number}msec.riprende la scatola se il valore è cambiato in base al percorso (default:100)visibleY {Boolean}mostra ancora la barra di scorrimentoY(default:false)visibleX {Boolean}mostra ancora la barra di scorrimentoX(default:false)scrollto {String}scorrono automaticamente verso l'alto/basso se ilpathè cambiato (default:EMPTY, può esseretopobottom)margin {Number}opzionale, una margina superiore/bottom insieme (sopportiautoche è calcolato daoffset.top, predefinito:0)marginxs {Number}opzionale, una margina superiore / inferiore insieme per la larghezza dello schermoxsmarginsmopzionale, una margina superiore / inferiore insieme per la larghezza dello schermosmmarginmdopzionale, una margina superiore / inferiore insieme per la larghezza dello schermomdmarginlgopzionale, una margina superiore / inferiore insieme per la larghezza dello schermolginvisible {Boolean}setruequindi la casella di visualizzazione stabilisce la classeinvisiblequando si renderà (default:true)scrollbarshadow {Boolean}setrueallora le scrollbars personalizzate contengono ombre verticali (default:false)initdelay {Number}rimuove la classeinivisibledopo il tempo specificato (default:250ms)centered {Boolean}consente la concentrazione verticale e oritonale del contenuto (default:false)- Il ritardo di
resizedelay {Number}per la resisione (default:200) - NEW:
togglescrolled {String}un selettore DOM per gli elementi genitori (appende la classeui-viewbox-scrolledquando la casella di visualizzazione è girata)
Metodi:
component.scrolltop(val)scorrere ecomponent.scrollbottom(val)scorrere Y dal bassocomponent.resize()rifiuta il contenitore (reagisce automaticamente agli eventi diresize)component.resizescrollbar()rifiuta la barra di scorrimento personalizzata (obiettivo per casi speciali)
Utilizzare con <ui-component name="viewbox">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>