Problem z JS w HTML

Question

Witam,
na swojej stronie korzystam ze skryptu, który wyświetla mi statystyki (od 0 do n-tej liczby). Strona jest typu parallax scrolling- wszystkie podstrony w jednym pliku html. 

Problem jest następujący. Chciałbym, aby ten skrypt http://pastebin.com/vuwrtZgH włączał się nie przy starcie strony, lecz dopiero gdy strona będę na podstronie #statystyki gdzie znajduje się ten skrypt. 

Jak mam tego dokonać? :) 

Answer 1

$(document).ready(function() {
    function showStatistics() {

        function isScrolledIntoView(elem) {
            var $elem = $(elem);
            var $window = $(window);

            var docViewTop = $window.scrollTop();
            var docViewBottom = docViewTop + $window.height();

            var elemTop = $elem.offset().top;
            var elemBottom = elemTop + $elem.height();

            return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
        }


        $(document).scroll(function scrollHandler() {
            if (isScrolledIntoView("#statystyki") == true) {
                $(document).off('scroll', scrollHandler);
                nazwaFunkcji();
            } else {

                return 0;
            }
        })
    }
    showStatistics();

    function nazwaFunkcji() {

    }
});

W skrócie pierwsza funkcja działa rozpoznawczo - sprawdza czy dany elemnt wyświetla się już na ekranie monitora. Jeśli zwróci true to wycofuje działanie .scroll() i wykonuje twoją funkcję którą musisz nazwać i zapakować niżej.  

Answer 2

Nie wiem, ale może latwiej go przerobic pod te odległości od top strony

Answer 3

Domyślam się, że masz hash'owanie w adresie url na scrollu?
 

$(document).ready(function() { 
  var hash = window.location.hash;

  if(hash == "#statystyki") {
    nazwaFunkcji();
  } else {

  return 0;
  }
})

Tylko nie pakuj tam całej funkcji, nazwij ją i wywołaj w miejscu if. 

Comments

Nie mam hash'owania w adresie url :p

---

ciekawe skad pomysl z hashem