11496 sujets

JavaScript, DOM et API Web HTML5

Bonjour, j'aimerais pouvoir récupérer la valeur du nombre de pixels scrollés.

Mon site étant en parallax, je cherche à créer/supprimer un objet lorsqu'on arrive sur la bonne div et lancer une vidéo automatiquement.

Problème : je ne sais pas comment récupérer le fait qu'on soit arrivé à la div ou récupérer en pixels la valeur de scrollage. Si on pouvait m'aider, merci (je bosse en jquery).
salut,
ou plus simplement

window.onload = function (){
	window.addEventListener("scroll", function(){
		var targetTop = document.getElementById("MonElement").offsetTop,
			windowHeight = document.documentElement.clientHeight;
		
		if (window.pageYOffset + windowHeight >= targetTop) {
			// Ton code ...
		}
	}, false);
}

À adapter pour tes besoins et pourquoi pas pour JQuery.
C'est bon, j'ai réussi à le faire en jQuery, mais le code se déclenche dès que je descends d'un pixel, et pas à l'endroit voulu.

Code :

$(document).ready(function() 
{
	$(window).scroll(function() 
	{
		var targetOffset = $("#monElement").offset();
		var targetTop = targetOffset.top;
		var windowHeight = $(window).height();
					
		if(window.pageYOffset + windowHeight >= targetTop)
		{
			//code lorsqu'on descend
		}
		else
			//code lorsqu'on remonte
	});
});

Modifié par codeurDuDimanche (09 Apr 2014 - 14:39)
$(window).scroll(function() 
	{
		var targetOffset = $("#monElement").offset();
		var targetTop = targetOffset.top;
		var windowHeight = $(window).height();
		
		if(window.pageYOffset >= targetTop)
		{
			// Code lorsqu'on descend 
		}
		else
		{
			// Code lorsqu'on remonte

		}
	});