Put Scroll when it’s on fullscreen

Asked

Viewed 180 times

-2

I am creating a page and it enters fullscreen, but I have problem when enters fullscreen the rest of the content that is "below" is not shown, only appears until the limit of the monitor.

I’m trying to put a scroll bar with overflow, but I’m not getting it.

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>
javascript jquery fullscreen height

  • @Olimonf. I posted the code

  • Try to put max-height in place of 'height'

  • Ever tried to put overflow-y:scroll;?

  • yes, I’ve used it, but it didn’t help.

  • @Patrick didn’t work

  • Beyond the max-height, try also to put overflow: visible.

  • @Patrick hasn’t worked yet. Still not showing the items passing from my monitor

Show 2 more comments

1 answer

0

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

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

try now

  • it only worked on the other pages, but on the main page that has the menu that I need it didn’t work.

Browser other questions tagged javascript jquery fullscreen height

You are not signed in. Login or sign up in order to post.