Ir para conteúdo

Arquivado

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

hebert viana

Scroll dinamico com jquery

Por , em Javascript

Recommended Posts

hebert viana    0

hebert viana
Postado 

<!DOCTYPE HTML>
<html>
<head>


<style>
*
{
border: none;
margin: 0px;
padding: 0px;
resize: none;
outline: none;
text-decoration: none;
}

html, body
{
overflow: hidden;
width: 100%;
height: 100%;
font-size: 20px;
font-family: verdana;
font-weight: normal;
color: #fff;
}

.home
{
width: 100%;
background: url(imagn.jpg) left top no-repeat;
}

.conteudo, .contato
{
width: 100%;
display: table;
}
</style>



<script type='text/javascript' src='jquery-1.11.2.js'></script>


<script type='text/javascript'>
$(document).ready(function() {

$(window).load(function()
{
var wwidth = $(document).width();
var wheight = $(document).height();

$("#home").height(wheight);
$("#home").width(wwidth);

return false;

});

});

</script>


<title>Teste</title>
</head>

<body>

<div id="home" class="home">
inicio....tamanho da tela....até tudo okay....

</div>

<div id="conteudo" class="conteudo">
Conteudo....deve ser mostrado so quando mousewhell ou ocorrer um click em uma opção do menu....

</div>

<div id="contado" class="contado">
contado....deve ser mostrado so quando mousewhell ou ocorrer um click em uma opção do menu....

</div>

</body>

</html>
Quando o sistema é carregado o elemento home ocupa a tela inteira eo restante do conteudo fica oculto ate que ococrre um evento do scroll do mouse ou click.....

 

ao rolar a pagina com o scrool ou se ocorrer um click em uma opção do menu exibir a seção corresmponte ao evento....

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito