Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]scrolowanie
Kmils21
post
Post #1





Grupa: Zarejestrowani
Postów: 128
Pomógł: 0
Dołączył: 29.12.2010

Ostrzeżenie: (0%)
-----

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

jak sprawdzić czy 'doskorolowało' się już do jakiegoś elementu?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
Mega_88
post
Post #2





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

Ostrzeżenie: (0%)
-----

Tutaj masz z czasem scrollowania, wieć możesz pokombinować (IMG:style_emoticons/default/smile.gif) 

[HTML] pobierz, plaintext 
  1. $(window).scroll(function() {
  2.     clearTimeout($.data(this, "scrollTimer"));
  3.     $.data(this, "scrollTimer", setTimeout(function() {
  4.         // do something
  5.         alert("Haven't scrolled in 250ms!");
  6.     }, 250));
  7. });
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Arcioch
post
Post #3





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  7. <script type="text/javascript">
  8.  
  9. $(function(){
  10.  
  11.     function isScrolledIntoView(elem)
  12. 	{
  13. 		var docViewTop = $(window).scrollTop();
  14. 		var docViewBottom = docViewTop + $(window).height();
  15.  
  16. 		var elemTop = $(elem).offset().top;
  17. 		var elemBottom = elemTop + $(elem).height();
  18.  
  19. 		return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
  20. 	}
  21.  
  22.     $(window).scroll(function() {
  23. 		if(isScrolledIntoView($('.scrolujdomnie')) == true)
  24. 			$('.scrolujdomnie').html('teraz widzisz mnie w calosci');
  25. 		else
  26. 			$('.scrolujdomnie').html('');
  27.     });
  28.  
  29.  
  30. });
  31.  
  32.  
  33. </script>
  34.  
  35. <style>
  36. </style>
  37.  
  38. </head>
  39. <body>
  40.  
  41. 	<div class="scrolujdomnie" style="display: block; background: red; width: 500px; height: 500px; margin:1000px 0;"></div>
  42.  
  43. </body>
  44. </html>
[HTML] pobierz, plaintext


O takie coś Ci chodziło?

Live: http://jsfiddle.net/pSug3/1/
Go to the top of the page
+Quote Post
Kmils21
post
Post #4





Grupa: Zarejestrowani
Postów: 128
Pomógł: 0
Dołączył: 29.12.2010

Ostrzeżenie: (0%)
-----

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ń.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 12:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn