JQuery – scrollování pomocí šipek při držení tlačítka na myši

7. 11. 2013 08:09:45

Dobrý den,

chtěl bych poprosit o radu.

Potřeboval poradit jak docílit toho, aby při kliknutí/držení tlačítka na myši např. na třídě .arrow-down došlo k plynulému posunu směrem dolů, jakmile uživatel toto tlačítko na myši "pustí" posun se zastaví.

Neveděli byste prosím, jestli existuje nějaký rozumný plugin nebo funkce, kterou by se tato funkčnost dala řešit?

Děkuji za jakékoli rady a pomoc

Jojo

7. 11. 2013 08:09:45

https://webtrh.cz/diskuse/jquery-scrollovani-pomoci-sipek-pri-drzeni-tlacitka-na-mysi#reply963131

Jan Matoušek

(12 hodnocení)

7. 11. 2013 11:12:43

existuje víc možností. Mě napadá třeba takto: http://jsfiddle.net/za9K9/14/

7. 11. 2013 11:12:43

https://webtrh.cz/diskuse/jquery-scrollovani-pomoci-sipek-pri-drzeni-tlacitka-na-mysi#reply963130

Tomáš Veselý

(8 hodnocení)

7. 11. 2013 11:21:51

Děkuji za reakci. Já už jsem s tím trošku pohnul, ale zaseknul jsem se na tom, kdy bych potřeboval posun zastavit, jakmile jsem buď na začátku pro tlačítko nahoru a pokud dojedu dolů tak pro tlačítko dolů.

Snažím se to řešit pomocí zjišťování pozice v inline stylu, ale nepracuje to úplně ideálně. Nebude to dobrá cesta.

http://jsfiddle.net/za9K9/13/

---------- Příspěvek doplněn 07.11.2013 v 11:28 ----------

JM: Jinak to řešení toho "plynulého" pohybu máte určitě lepší :-)

7. 11. 2013 11:21:51

https://webtrh.cz/diskuse/jquery-scrollovani-pomoci-sipek-pri-drzeni-tlacitka-na-mysi#reply963129

Jan Matoušek

(12 hodnocení)

7. 11. 2013 19:12:10

jelikož jsem měl chuť, tak jsem si s tím trošku pohrál http://jsfiddle.net/za9K9/22/

7. 11. 2013 19:12:10

https://webtrh.cz/diskuse/jquery-scrollovani-pomoci-sipek-pri-drzeni-tlacitka-na-mysi#reply963128

Tomáš Veselý

(8 hodnocení)

8. 11. 2013 06:29:26

Perfekní!! Také jsme včera u toho seděl a dopadlo to nějak takto: http://jsfiddle.net/Hr3u8/8/

Bohužel jsem narazil na takovou nepříjemnost, že řešení není funkční na tabletech :-(. Asi Vás nenapadá, jak docílit toho aby se tento element dal ovládat na tabletech?

Podle mě je problém v tom elementu s vlastností overflow hidden + event, která je dělaný na mousedown a mouseup.

8. 11. 2013 06:29:26

https://webtrh.cz/diskuse/jquery-scrollovani-pomoci-sipek-pri-drzeni-tlacitka-na-mysi#reply963127

Jan Matoušek

(12 hodnocení)

8. 11. 2013 08:29:31

co zkusit jquery mobile: http://api.jquerymobile.com/vmousedown/ ? Bohužel nemohu otestovat.

8. 11. 2013 08:29:31

https://webtrh.cz/diskuse/jquery-scrollovani-pomoci-sipek-pri-drzeni-tlacitka-na-mysi#reply963126

Pro odpověď se přihlašte.

Přihlásit