[jQuery] Jak wykonać pasek ładowania reagujący na poruszanie bocznmym paskiem (scroll), Podobnie jest w poczcie gmail podczas wczytywania danej akcji Opcje

[Sajrox]

Witam,

Czy komuś udało się wykonać w jQuery pasek ładowania reagującego na zdarzenie związane z przesunięciem strony w górę i w dół. Mowa o pasku scroll (ie znam dokładnej jego nazwy) (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Chodzi o to że mimo tego gdy przesunę stronę na sam dół element DIV (wspomniany pasek ładowania) będzie zawsze widoczny przy górnej krawędzi.

Jak już pisałem podobnie jest na poczcie gmail. Podczas łądowania elementu, widzimy po środku przy górnej krawędzi pasek z napisem "Ładowanie..."

[ayeo]

To nie ma nic wspólnego z jQuery. Po prostu dajesz ten pasek w body jako absolute z top: 0;

Pozdrawiam!

[Sajrox]

Oj chyba nie zrozumiałem. Ta metoda którą podałeś faktycznie umieszcza element na samej górze ale w momencie gdy przesunę stronę w dół scrollbarem (paskiem bocznym). DIV zostaje na samej gorze. A mi chodzi o to aby poruszał się razem z tym scrollbarem.

Ale dzięki za chęci (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[ayeo]

Faktycznie chyba uprościłem (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) W jQuery masz event taki:

Kod

$(document).ready(function()
{
    $(window).scroll(function(e)
    {
        $("#pasek").css("top", $(window).scrollTop() + "px");
    });
});

Pozdrawiam!


// zedytowałem

[Sajrox]

Właśnie coś jest nie tak.
Teoretycznie kod poniżej powinien działać a jednak nie działa:

[HTML] pobierz, plaintext 
$(document).ready(function()
    {        
        $(document).scroll(
            function (e) { 
                print_r(e); 
            }
        );    
    });
[HTML] pobierz, plaintext 

W zamian dostaje:

[HTML] pobierz, plaintext 
[originalEvent] => [object Event]
    [type] => scroll
    [timeStamp] => 1235566061393
    [jQuery1235566059769] => true
    [which] => undefined
    [wheelDelta] => undefined
    [view] => undefined
    [toElement] => undefined
    [target] => [object HTMLDocument]
    [srcElement] => undefined
    [shiftKey] => undefined
    [screenY] => undefined
    [screenX] => undefined
    [relatedTarget] => undefined
    [relatedNode] => undefined
    [prevValue] => undefined
    [pageY] => undefined
    [pageX] => undefined
    [originalTarget] => [object HTMLDocument]
    [newValue] => undefined
    [metaKey] => undefined
    [keyCode] => undefined
    ...
[HTML] pobierz, plaintext 

Niestety wszędzie są same "undefined" (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

[ayeo]

Patrz do góry, zedytowałem posta (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[Sajrox]

O kurczaki kopane. Działa (IMG:http://forum.php.pl/style_emoticons/default/exclamation.gif) (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Dzięki wielkie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)