ForgeComponentes
pt

Componentes

j-ViewBox

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20
  • Manter uma taxa fixa de percentagem
  • Excelente para aplicações de intranet
  • Suporte para releasing

Configuração:

  • height {Number} - percentagem de altura
  • disabled {Boolean} opcional, pode desativar o conteúdo com a camada
  • parent {String} opcional, um recipiente com altura fixa, pode ser window. valor padrão: elemento parent.
  • minheight {Number} - altura mínima em pixels (default: 0 - desativado)
  • scroll {Boolean} permite a escorrência vertical (default: false - desativado)
  • scrollbar {Boolean/String} mostra a barra de rolamento (default: true ou new: native)
  • delay {Number} msec. resissa a caixa novamente se o valor for alterado de acordo com o caminho (default: 100)
  • visibleY {Boolean} ainda mostra a barra de rolamento Y (default: false)
  • visibleX {Boolean} ainda mostra a barra de rolamento X (default: false)
  • O scrollto {String} se move automaticamente para cima/baixo se o path for alterado (default: EMPTY, pode ser top ou bottom)
  • margin {Number} opcional, uma margem superior/baixo juntamente (suporte auto que é contado de offset.top, padrão: 0)
  • marginxs {Number} opcional, uma margem superior/baixo juntos para a largura de tela xs
  • marginsm opcional, uma margem superior/baixo juntos para a largura de tela sm
  • marginmd opcional, uma margem superior/baixo juntos para a largura de tela md
  • marginlg opcional, uma margem superior/baixo juntos para a largura de tela lg
  • invisible {Boolean} se a caixa de exibição true então coloca a classe invisible quando é renderizado (default: true)
  • scrollbarshadow {Boolean} se true então as barras personalizadas contêm sombra vertical (default: false)
  • initdelay {Number} remove a classe inivisible após o tempo especificado (default: 250 ms)
  • centered {Boolean} permite a concentração vertical e horizontal para o conteúdo (default: false)
  • resizedelay {Number} atraso para reposição (default: 200)
  • NEW: togglescrolled {String} um seletor DOM para os elementos de parentesco (apende a classe ui-viewbox-scrolled quando a caixa de exibição é esfregada)

Métodos:

  • component.scrolltop(val) em torno de Y
  • component.scrollbottom(val) é a parte inferior
  • component.resize() resiste ao recipiente (reage automaticamente aos eventos de resize)
  • component.resizescrollbar() resissa a barra de rolamento personalizada (alvo de casos especiais)

Use-o com <ui-component name="viewbox">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>