Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

japalfalfa

[Resolvido] Problema com jScrollPane e div hidden

Recommended Posts

Boa noite pessoal tudo bem?

 

é o seguinte, estou usando o jscrollpane ( http://jscrollpane.kelvinluck.com/ ) e estou tendo um problema.

 

criei uma página que tem divs hidden com o seguinte código:

 

<script type="text/javascript">
function exibe(id) {
	if(document.getElementById(id).style.display=="none") {
		document.getElementById(id).style.display = "inline";
	}
	else {
		document.getElementById(id).style.display = "none";
	}
}
</script>

 

e o html

 

<div class="holder">
  <div id="pane" class="scroll_pane">
     <a href="#" onclick="javascript: exibe('conteudo_1');">exibir div 1</a><br />
     <div id="conteudo_1" style="display: none;"></div><br />
     <a href="#" onclick="javascript: exibe('conteudo_2');">exibir div 2</a><br />
     <div id="conteudo_2" style="display: none;"></div><br />
     <a href="#" onclick="javascript: exibe('conteudo_3');">exibir div 3</a><br />
     <div id="conteudo_3" style="display: none;"></div>				
  </div>
</div>

 

ok, o código para exibir/esconder funciona normalmente, porém, quando o conteúdo ultrapassa o tamanho da div "holder", não aparece a barra de rolagem...

 

eu acredito que o problema seja que, como está pré-definido como hidden, não calcula o tamanho, logo, nao aparece a barra de rolagem, porém não sei como fazer o jscrollpane inserir dinamicamente a barra...

 

alguém teria uma luz, ou algum exemplo que eu possa estudar?

 

vlw galera, obrigado desde já.

 

abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

neste caso não vai aparecer mesmo a barra de rolagem.

 

o carousel precisa de medidas predefinidas, e do overflow para funcionar.

procure outra alternativa, sem usar a barra de rolagem.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.