ForgeComponenti
it

Componenti

j-NoScrollbar

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20
  • Questo componente è qualcosa di simile a j-ViewBox senza scrollbar nativo/custom

Configurazione:

  • parent {String} opzionale, un contenitore con altezza fissa, può essere windowValore di default: parent Il elemento.
  • minheight {Numero} un'altezza minima in pixel (default: 0 - disabilitato)
  • delay {Numero} msec. riprende la casella se il valore è cambiato in base al percorso (default: 100)
  • scrollto {String} scorrono automaticamente in alto/in basso se il path è cambiato (default: EMPTY, può essere top o bottom)
  • margin {Numero} opzionale, una margina superiore/bottom insieme (sopporti auto che è calcolato da offset.top, predefinito: 0)
  • marginxs {Numero} opzionale, una margina superiore/bottom 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 visualizza la classe invisible quando si sta rendendo (default: true)
  • initdelay {Numero} rimuove la classe inivisible dopo il tempo specificato (default: 250 ms)

Metodi:

  • component.scrolltop(val) scorrere e
  • component.scrollbottom(val) scorrere Y dal basso
  • Il contenitore component.resize() risiste (reagisce automaticamente agli eventi resize)

Utilizzare con <ui-component name="noscrollbar">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
<div style="width:300px;height:300px;background-color:#F5F5F5">
	<ui-component name="noscrollbar" config="parent:parent" class="invisible">
		BEGIN
		<div style="height:1000px;background-color:red"></div>
		END
	</ui-component>
</div>