ForgeComponenti
it

Componenti

j-ViewBox

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20
  • mantenere un percentuale fisso
  • Ottimo utilizzo per le applicazioni intranet
  • Supporto di releasing

Configurazione:

  • height {Number} per cento di altezza
  • disabled {Boolean} opzionale, può disattivare il contenuto con la striscia
  • parent {String} opzionale, un contenitore con altezza fissa, può essere windowValore di default: parent Il 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: true o 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 scorrimento Y (default: false)
  • visibleX {Boolean} mostra ancora la barra di scorrimento X (default: false)
  • scrollto {String} scorrono automaticamente verso l'alto/basso se il path è cambiato (default: EMPTY, può essere top o bottom)
  • margin {Number} opzionale, una margina superiore/bottom insieme (sopporti auto che è calcolato da offset.top, predefinito: 0)
  • marginxs {Number} opzionale, una margina superiore / inferiore insieme per la larghezza dello schermo xs
  • marginsm opzionale, una margina superiore / inferiore insieme per la larghezza dello schermo sm
  • marginmd opzionale, una margina superiore / inferiore insieme per la larghezza dello schermo md
  • marginlg opzionale, una margina superiore / inferiore insieme per la larghezza dello schermo lg
  • invisible {Boolean} se true quindi la casella di visualizzazione stabilisce la classe invisible quando si renderà (default: true)
  • scrollbarshadow {Boolean} se true allora le scrollbars personalizzate contengono ombre verticali (default: false)
  • initdelay {Number} rimuove la classe inivisible dopo il tempo specificato (default: 250 ms)
  • 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 classe ui-viewbox-scrolled quando la casella di visualizzazione è girata)

Metodi:

  • component.scrolltop(val) scorrere e
  • component.scrollbottom(val) scorrere Y dal basso
  • component.resize() rifiuta il contenitore (reagisce automaticamente agli eventi di resize)
  • 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.

example.html
<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>