Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] załadowanie skryptu dopiero po wyświetleniu diva w oknie przeglądarki
blokern
post
Post #1





Grupa: Zarejestrowani
Postów: 107
Pomógł: 0
Dołączył: 27.02.2008

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


cześć w jaki sposób odpalić skrypt JS dopiero w momencie w którym w oknie przeglądarki zobaczę w 100% element w tym przypadku div o id="xyz"?

np

  1. </head>
  2. <h1>test</h1>
  3. <div style="height: 2300px;">abc</div>
  4. <div id="xyz" style="width: 10px; height: 10px; background: #ff6600;"></div>
  5. </body>
  6. </html>


reasumując: wchhodzę na stronę, przewijam stronę w dół i jak w widze warste xyz to załadowuje mi sie skrypt

z góry dziekuje za pomoc
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
blokern
post
Post #2





Grupa: Zarejestrowani
Postów: 107
Pomógł: 0
Dołączył: 27.02.2008

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


dziekuje SmokAnalog (IMG:style_emoticons/default/smile.gif)

mam taki dzialajacy kod, jak slowo Hello znajdzie sie w oknie przegladarki to wyswietli sie w consoli slowo hura.
jak zrobic zeby sumowal w sekundach czas wyswietlania sie hura w consoli?


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  5. <script>
  6. function log(txt) {
  7. var wys = ($(window).height())
  8. if((txt)>=0){
  9. if((wys)>=(txt)){
  10. console.log('hura')
  11. }
  12. }
  13. }
  14. $(function() {
  15. var eTop = $('#element').offset().top;
  16. log(eTop - $(window).scrollTop());
  17. $(window).scroll(function() {
  18. log(eTop - $(window).scrollTop());
  19. });
  20. });
  21. </script>
  22. </head>
  23. <body>
  24. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  25. <div style="height: 1000px;"></div>
  26. <div id="element">Hello</div>
  27. <div style="height: 1800px;"></div>
  28. </body>
  29. </html>
  30.  
  31.  
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 13.10.2025 - 23:10