Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] impress.js i scroll myszy
DawiT
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 14.06.2013

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


Hej. Próbuje właśnie zrobić stronę opartą o impress.js ( https://github.com/impress/impress.js )
Głównie w impress'ie chodzi o to że strona obraca się (lewo, prawo, do góry nogami) dzięki CSS 3 transition.
Niestety (dla mnie) poruszanie się po stronie odbywa się za pomocą klawiszy tab, spacja i strzałki.
Ja bym chciał aby poruszanie się po stronie odbywało się za pomocą myszki, a dokładnie mówiąc kółka myszy.
Jeśli kręciłbym kółkiem w swoją stronę (tzn. w dół) strona by się przewijała dalej, a jeśli w drugą no to oczywiście w górę.
Kombinowałem
Kod
    $(window).scroll(function(){

});

Ale nie działa, gdyż tak na prawdę element body tak na prawdę się w ogólnie nie rusza (jest na całą wysokość okna przeglądarki)
więc moje zapytanie to:
czy jest coś w javascript/jQuery co by wykryło określony ruch kółka myszy mimo że body się nie rusza?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
DawiT
post
Post #2





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 14.06.2013

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


Dzięki za odpowiedź. Naprowadziło mnie to już na właściwe tory.

Po wpisaniu kodu:
Kod
document.addEventListener( "wheel", function ( event){
            //alert(event); --> wyskakuje [object WhellEvent];
            console.log(event);
}


W konsoli jest obiekt WheelEvent ze zmiennymi takimi jaki IsTrued, deltaX, deltaY, deltaMode.
Zauwarzyłem że przy kręceniu kółkiem zmienia się deltaY.

Próbowałem z instrukcją warunkową z uwzględnieniem obiektu:
Kod
if( WheelEvent[deltaY] == "100" ) {
//cos;
}

Niestety konsola wyrzuca mi błąd undefined 'deltaY' :|
Co radzicie?
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: 4.10.2025 - 07:10