Forum PHP.pl > [JavaScript]problem z scrollTop()

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]problem z scrollTop()

omxd

20.12.2013, 10:27:42

Witam,
kod:

[PHP] pobierz, plaintext 
 
   if ($position > 110) {
           $('#top_bar_bg').animate(
             {'top': '-40px'},
              "slow");
            $('#test').html('up');
   }
[PHP] pobierz, plaintext

działa poprawnie.Problem pojawia się gdy próbuję dołączyć warunek $position <110 - wtedy skrypt po prostu przestaje reagować.Gdzie robię błąd?
Jsfiddle: http://jsfiddle.net/mB789/2/
Cały kod:

[PHP] pobierz, plaintext 
function scrollLogoEffect() {
        var $position = $(window).scrollTop();
        $('#test2').html($position);
               if ($position > 110) {
                       $('#top_bar_bg').animate(
                        {'top': '-40px'},
                        "slow");
 
  }
              if ($position < 110) {
               $('#top_bar_bg').animate(
              {'top': '0px'},
             "slow");
       }
}
 
 
 setInterval(scrollLogoEffect, 10);
[PHP] pobierz, plaintext

[PHP] pobierz, plaintext 
#top_bar{
    width:100%;
    height:110px;
    margin-top:0px;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1;
    outline:1px solid red;
}
#top_bar_bg{
    width:100%;
    height:110px;
    position:fixed;
    top:0px;
    left:0px;
    background:black;
    outline:1px solid yellow;
     z-index:2;
}
[PHP] pobierz, plaintext

[PHP] pobierz, plaintext 
  <div id="top_bar">
            <div id="top_bar_bg"></div>
 
 
        </div>
[PHP] pobierz, plaintext

Pozdrawiam

Turson

20.12.2013, 18:59:29

[JAVASCRIPT] pobierz, plaintext 
var $position = $(window).scrollTop();
[JAVASCRIPT] pobierz, plaintext

Cytat

Nazwy zmiennych które deklarujemy nie mogą być obojętne. Istnieją pewne zasady których musimy się trzymać. I tak:

każda nazwa zmiennej musi się zaczynać od litery (A-Z, a-z), lub znaku podkreślenia ("_"),
nazwa zmiennej nie może się zaczynać od cyfry (0-9),
nazwa zmiennej nie może zawierać spacji (można zamiast spacji używać podkreślenia),
nazwa zmiennej nie może zawierać polskich liter,
nazwą zmiennej nie może być słowo kluczowe zarezerwowane przez JavaScript.

http://www.doman.art.pl/kursjs/kurs/zmienne.html

werdan

20.12.2013, 19:08:44

http://jsfiddle.net/mB789/3/

omxd

20.12.2013, 23:18:21

we wszystkich swoich skryptach używam $ na początku zmiennych i nie było nigdy problemu ,a ten kod wykorzystywałem w poprzednim projekcie i działał.
Dzięki za pomoc!

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.