Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
E aí pessoal, beleza?
Seguinte.. preciso criar uma barra de rolagem dinamicamente, de acordo com o tamanho de uma <div> e não sei como fazer.
O cenário é este:
Tenho um p:dialog (primefaces), que representa uma tela mestre/detalhe.. para ser mais específico é uma tela de vendas.
Então eu tenho os dados do mestre (cliente, data da venda, etc..) e os dados do detalhe (produtos, quantidade, valor unitário...);
Conforme eu vou adicionando produtos (produtoVenda na verdade) na minha venda, eu populo uma tabela de produtos daquela venda..
Acontece que, conforme a tabela cresce, os dados vão ficando escondidos, porque não tenho uma barra de rolagem na página (isso mesmo, não acho legal uma scrollbar na tabela, ou no próprio dialog).
Me ajudem com isso por favor!!!
>
Amigo, você pode declarar isso na Div:
<div style="overflow:scroll;height:80px;width:100%;overflow:auto">
<table width="800" border="0" class="my-table">
<tr> </tr>
</table>
</div>
</body>Olá Sérgio, eu tentei fazer desta forma.. mas nada resolvido!
Mas é o seguinte também, eu queria a minha barra de rolagem na página toda, não somente da <div> entende?
Penso que isso possa ser feito com javascript, algo como:
if (dialog limite da tela) {
window.scroll(true); window.scroll(false);
}up
Isso é um problema na implementação dos seus elementos HTMLs em conjunto com o CSS. Por default, sempre é criada a barra de rolagem automaticamente.
É provável que em algum elemento pai (parent) possua uma altura fixa e isso está gerando o seu problema.
Você conseguiria realizar muito pouco em javascript que não possa ser feito de forma simples em HTML/CSS.
Sem os seus códigos, também se torna impossível localizar o problema criado.
Movido: JavaScript -> CSS / XML / XHTML / HTML
Amigo, você pode declarar isso na Div: