# j-ViewBox

> j-ViewBox: mantém uma altura de percentagem fixa; ótimo uso para aplicações intranet

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: pt
Content-SHA256: e43f4d74d2c87e9e76324e43db1dac9f4411a129e693fb7967fc6457f27bdf49
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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

```html 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>
```