{"id":668,"date":"2016-09-30T13:27:08","date_gmt":"2016-09-30T13:27:08","guid":{"rendered":"http:\/\/www.andrefelizardo.com.br\/blog\/?p=668"},"modified":"2016-09-30T13:31:40","modified_gmt":"2016-09-30T13:31:40","slug":"manipulando-elementos-de-acordo-com-a-altura-da-janela","status":"publish","type":"post","link":"http:\/\/www.andrefelizardo.com.br\/blog\/manipulando-elementos-de-acordo-com-a-altura-da-janela\/","title":{"rendered":"Manipulando elementos de acordo com a altura da janela"},"content":{"rendered":"

Se voc\u00ea v\u00e1rias vezes j\u00e1 se pegou\u00a0manipulando elementos com JavaScript e jQuery nem precisa ler esse post, sei l\u00e1, vai ler sobre Ionic<\/a>\u00a0\ud83d\ude42<\/p>\n

Caso voc\u00ea esteja come\u00e7ando no mundo do Front-end<\/a>\u00a0talvez voc\u00ea tenha tido esta d\u00favida. Como eu fa\u00e7o pra deixar um elemento (como uma div) da altura da janela?<\/p>\n

<\/p>\n

Manipulando eventos com JavaScript<\/h2>\n

Um amigo me perguntou essa semana, e a\u00ed me lembrei que quando eu comecei, uma das primeiras coisas que eu quis aprender com Javascript foi isso, inclusive meu site tem isso, olha aqui:<\/p>\n

\"Screenshot<\/a><\/p>\n

Capa de Site<\/h2>\n

Eu chamo esse efeito de capa de site, acho que todo mundo chama assim. Ele \u00e9 muito usado em sites One Page (<\/em>aqueles sites que s\u00f3 tem uma p\u00e1gina e voc\u00ea navega nela mesmo).<\/p>\n

Exemplos de site com capa:<\/p>\n