1
I need to make a pop-up which contains both text and Youtube video, the problem is that the pop-up is much higher than the height of the screen. At the home of the site before clicking the link to open the pop-up, the space that the pop-up takes up ends up causing the page to create a scroll vertical, because it is still hidden.
I have looked at everything that is site and I have not seen anything like it. I found only text, only image or only video, or even using iframe. But with iframe I can’t do.
<--- LINK PARA A PÁGINA --->
http://progdesenv.com.br/tapetv
<--- AQUI COMEÇA O CABEÇALHO --->
<!doctype html>
<html lang="pt-br">
<meta http-equiv="refresh" />
<head>
<--- LINK DO JS QUE CONTROLA O POP UP --->
http://progdesenv.com.br/tapetv/js/jquery.reveal.js
</head>
<--- AQUI COMEÇA O CONTEÚDO --->
<body>
<div id="site">
<section class="home">
<section class="barra-topo">
<div>
<h1><a href="index.php" title="tapeTV">tapeTV</a></h1>
<ul>
<li><a href="quem-somos.php" class="show" data-reveal-id="pop2" title="QUEM SOMOS">QUEM SOMOS</a></li>
<li><a href="contato.php" class="show" data-reveal-id="pop1" title="CONTATO">CONTATO</a></li>
<li><a href="#" title="INSTAGRAM">INSTAGRAM</a></li>
<li><a href="#" title="FACEBOOK">FACEBOOK</a></li>
<li><a href="#" title="TWITTER">TWITTER</a></li>
</ul>
</div>
</section>
<div class="conteudo">
<ul>
<li><a href="weddings-quem-somos.php" title="WEDDINGS">WEDDINGS</a></li>
<li><a href="media-quem-somos.php" title="MEDIA AND MUSIC">MEDIA AND MUSIC</a></li>
<li><a href="corporate-quem-somos.php" title="CORPORATE">CORPORATE</a></li>
</ul>
</div>
</section>
</div>
<--- AQUI COMEÇA O POP-UP --->
<div id="pop2" class="reveal-modal">
<section class="cont-pop quem-pop">
<h1></h1>
<a href="#" title="FECHAR" class="close-reveal-modal">FECHAR</a>
<p>undada oficialmente em 2009, a Quartel Design é uma agência mineira de comunicação visual conhecida por oferecer um “design de alto calibre”. Atualmente, a empresa conta com um jovem pelotão de integrantes que, com muito planejamento e pesquisa, elaboram projetos inovadores, dinâmicos e totalmente personalizados. Excelência e criatividade são premissas obrigatórias em cada missão executada pela tropa da Quartel Design, que acumula em seu portfólio inúmeros cases de sucesso.</p>
<p>Missão</p>
<p>Nossa missão é composta por três pilares:</p>
<p>Promover diálogo fácil e trabalhar em parceria com o cliente durante todo o processo de criação;
Desenvolver projetos originais e exclusivos de acordo com o perfil e os objetivos de cada cliente;
Atender e superar expectativas;<br />Visão/Alvo</p>
<p>Ampliar a atuação em diversos segmentos e tornar-se referência no país em design e desenvolvimento de websites em wordpress.</p>
<p>Valores</p>
<p>Excelência<br />
Criatividade</p>
<div class="you">
<object width="784" height="441"><param name="movie" value="//www.youtube.com/v/BCr7y4SLhck?version=3&hl=pt_BR&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/BCr7y4SLhck?version=3&hl=pt_BR&rel=0" type="application/x-shockwave-flash" width="784" height="441" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
</section>
</div>
</body>
</html>
Show what you’ve done so far.
– Guilherme Bernal
Here is the link to see how the home http://progdesenv.com.br/tapetvlooks like
– user4451
Post code to make it easy to have an absolute solution.
– noNihongo
Just to complement the problem is not the pop get scroll after shown and yes before when not yet shown
– user4451
ready posted the code, just did not post the java script by put the link there to click
– user4451
I’m not sure about this question, but here’s the tip: the ideal is publish here a minimal and complete example that reproduces the problem, and that those interested in answering only have to copy, paste, debug and test. The guide MCVE, in English, it’s very cool.
– brasofilo