Forum PHP.pl > [JavaScript]scrolowanie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Kmils21

10.05.2013, 09:59:13

Witam w jquery jest coś takiego: http://api.jquery.com/scrollTop/

jak sprawdzić czy 'doskorolowało' się już do jakiegoś elementu?

Mega_88

10.05.2013, 10:29:25

Tutaj masz z czasem scrollowania, wieć możesz pokombinować

[HTML] pobierz, plaintext 
$(window).scroll(function() {
    clearTimeout($.data(this, "scrollTimer"));
    $.data(this, "scrollTimer", setTimeout(function() {
        // do something
        alert("Haven't scrolled in 250ms!");
    }, 250));
});
[HTML] pobierz, plaintext

Arcioch

10.05.2013, 11:21:42

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
 
$(function(){
 
    function isScrolledIntoView(elem)
	{
		var docViewTop = $(window).scrollTop();
		var docViewBottom = docViewTop + $(window).height();
 
		var elemTop = $(elem).offset().top;
		var elemBottom = elemTop + $(elem).height();
 
		return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
	}
 
    $(window).scroll(function() {
		if(isScrolledIntoView($('.scrolujdomnie')) == true)
			$('.scrolujdomnie').html('teraz widzisz mnie w calosci');
		else
			$('.scrolujdomnie').html('');
    });
 
 
});
 
 
</script>
 
<style>
</style>
 
</head>
<body>
 
	<div class="scrolujdomnie" style="display: block; background: red; width: 500px; height: 500px; margin:1000px 0;"></div>
 
</body>
</html>
[HTML] pobierz, plaintext

O takie coś Ci chodziło?

Live: http://jsfiddle.net/pSug3/1/

Kmils21

10.05.2013, 12:31:15

Właśnie na coś takiego wpadłem i w normalna warunkach działa. Wszystko jednak się sypie, kiedy przybliżę, bądź oddalę, ponieważ wysokość bloku ulega zmianie względem okna.
W takiej sytuacji jedyny znany mi sposób to pobrać ile przybliżono i zwiększyć wysokość. Napisałem temat, bo szukam innych możliwych rozwiązań.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.