Parallax

Bonjour à tous,
Je commence ma page par un effet parallax. Seul soucis, le fond du body apparaît lorsqu'on scrolle sur la dernière image. Existe-il un moyen d'éviter cela ?
Bonne journée,
D.

Pas évident sans ton code mais c'est sûrement une question de mauvais calcul qui agit mal sur la background-position.

Bonjour Zelalsan,
Voici une partie du html:

<section>
		<div class="sectionWrapper" id="page-1">

			<div class="parallaxBg"></div>
			<div class="parallaxSp-1"></div>
			<div class="parallaxSp-2"></div>
			
			<div class="vAlignWrapper">
				<div class="contentWrapper">
				
					<h1 class="title-h1">Single Page with Parallax effect (jQuery plugin)</h1>
					<ul class="list-1">
						<li>Documentation <a href="http://www.design-fluide.com/28-11-2013/plugin-jquery-parallax-background-et-sprite/" target="_blank">here</a>.</li>
						<li>More about this <a href="http://www.design-fluide.com/17-11-2013/un-gabarit-de-site-a-page-unique-one-page-layout-sans-javascript/" target="_blank">one page layout full CSS</a>.</li>
					</ul>

Pour ce qui est du js :

	$('#page-1 .parallaxSp-1').parallax({
					'coeff' : 0.2,
					'type' : 'sprite'
				});

				$('#page-1 .parallaxSp-2').parallax({
					'coeff' : -0.4,
					'type' : 'sprite'
				});

				$('#page-1 .parallaxBg').parallax();

				// Screen 2
				$('#page-2 .parallaxBg').parallax({
					'coeff' : -0.2
				});

			});

J'ai tout tenté (positions) pour ce qui suit cette section parallax, rien à faire
La deuxième photo, en plus de laisser une espace après, n'apparaît pas entièrement en pkus. Il est vrai qu'elle est de grande taille.
Les CSS au cas où :

			.sectionWrapper + .sectionWrapper:before { content:''; position:absolute; top:0; left:0; width:100%; border-top:1px solid #fff; z-index:1; opacity:0.3; }

			/***** Parallax ******/

			.sectionWrapper { position:relative; }

			[class*="parallax"] { visibility:hidden; position:absolute; background:transparent no-repeat;  }
			[class*="parallaxBg"] { z-index:-1; top:0; bottom:0; left:0; right:0; background-position:center 0; }
			[class*="parallaxSp"] { background-image:url(img/sprite.png); }
			
			#page-1 .parallaxBg {
	background-image: url(img/IMG_0945.JPG);
	background-position: 100% 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
			#page-2 .parallaxBg {
	background-image: url(imgs/B.JPG);
}

			#page-1 .parallaxSp-1 {
				position:fixed; z-index:99;
				width:500px; height:500px;
				top:5%; left:50%; margin-left:-860px;
				background-position:0 0;
			}

			#page-1 .parallaxSp-2 {
				width:200px; height:200px;
				top:30%; right:50%; margin-right:-610px;
				background-position:-500px 0;
			}					.wrapper, section {
				width:100%; height:100%;
			}

Merci pour ton aide,
D.