-2

Estou criando uma página e ela entra em fullscreen, mas tenho problema quando entra em fullscreen o resto do conteúdo que está "abaixo" não é mostrado, só aparece até o limite do monitor.

Estou tentando colocar uma barra de rolagem com overflow, porém não estou conseguindo.

index.php

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

<div id="meio" style="width:768px; margin:0 auto; overflow:auto;"></div>

<script type="text/javascript">
var estado = "";
  $(document).ready(

    function() { 
    var Oaltura = $(document).height(); //altura da página

    var altura = Oaltura + 250;

        $("#meio").css('height', altura+"px");
        $("#meio").load("menu.php"); 

    }

  );
</script>
7
  • @OlimonF. Postei o código Commented 23/07/2014 às 23:52
  • Tenta colocar max-height no lugar do 'height'
    – ptkato
    Commented 24/07/2014 às 1:10
  • Já tentou colocar overflow-y:scroll;?
    – mealine
    Commented 24/07/2014 às 1:40
  • sim, já usei, mas não adiantou. Commented 24/07/2014 às 1:43
  • @Patrick não funcionou Commented 24/07/2014 às 1:50

1 Resposta 1

0
.page {
overflow: scroll;
width: 100%
height: 100%
margin: 0 auto;
}

<div id="meio" class="page">
## CONTEUDO ##
</div>

tente agora

1
  • só funcionou nas outras páginas, mas na pagina principal que tem o menu que eu preciso não funcionou. Commented 25/07/2014 às 6:41

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .