Bonjour j'ai besoins d'aide car j'aimerais faire un site web avec du parallaxe mais aussi une barre menu qui se déroule a gauche de la page web le problème c'est que quand j'ai mis ma bar de menu mon parallaxe a disparu et quand j'affiche le menu une partie du parallaxe ce monde pouvez vous m'aider ?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test projet</title>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery/parallax/parallax.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<div class="container2">
<div id="sidebar">
<ul>
<li><a href="#">Acceuil</a></li>
<li><a href="#">Tuto</a></li>
<li><a href="#">Utilisateur</a></li>
<li><a href="#">Connexion</a></li>
</ul>
</div>
<div class="main-content">
<div class="swipe-area"></div>
<a href="#" data-toggle=".main-content" id="sidebar-toggle">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<div class="content">
<!--page principal-->
<div class="container">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Rem voluptatem porro, dolores itaque ipsam non nesciunt
ea enim ipsa placeat voluptates quis officia vitae repudiandae
illum harum, maxime delectus maiores.
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Rem voluptatem porro, dolores itaque ipsam non nesciunt
ea enim ipsa placeat voluptates quis officia vitae repudiandae
illum harum, maxime delectus maiores.Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Rem voluptatem porro, dolores itaque ipsam non nesciunt
ea enim ipsa placeat voluptates quis officia vitae repudiandae
illum harum, maxime delectus maiores.</p>
<div class="parallax" data-parallax="scroll"
data-naturalWidth="1781" data-naturalHeight="3170"
data-image-src="img/plage.jpg"></div>
</div>
<div class="container">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Rem voluptatem porro, dolores itaque ipsam non nesciunt
ea enim ipsa placeat voluptates quis officia vitae repudiandae
illum harum, maxime delectus maiores.
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Rem voluptatem porro, dolores itaque ipsam non nesciunt
ea enim ipsa placeat voluptates quis officia vitae repudiandae
illum harum, maxime delectus maiores.Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Rem voluptatem porro, dolores itaque ipsam non nesciunt
ea enim ipsa placeat voluptates quis officia vitae repudiandae
illum harum, maxime delectus maiores.</p>
</div>
<!--fin page principal-->
<div class="large"></div>
<div class="large">Pied de page</div>
</div>
</div>
</div>
</body>
</html>
- Edité par xRaiizendiablo 14 décembre 2018 à 20:18:54
besoin d'aide parallaxe et menu
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.