Bonjour,
j'ai fait un site en utilisant le plugin jscrollpane et jquery
ex : sip-immobilier.fr/vente.php
j'ai rajouté un bout de code pour que cela fonctionne au touché sur les mobiles
ce code permet à la zone traiter par jscrollpane d'être scrollable avec le doigt
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))||(navigator.userAgent.match(/Android/i))) { var isTouchScreen = 1; }else{ var isTouchScreen = 0; } $container.bind('touchstart', function(e){ var cpos = dragPosition; if(isTouchScreen){ e = e.originalEvent.touches[0]; } var sY = e.pageY; var sX = e.pageX; $container.bind('touchmove',function(ev){ if(isTouchScreen){ ev.preventDefault(); ev = ev.originalEvent.touches[0]; } var top = cpos-(ev.pageY-sY); positionDrag(top); }); $container.bind('touchend',function(ev){ $container.unbind('touchmove touchend'); }); });
j'ai testé sur ipad il n'y a aucun soucis
mais sur iphone le texte n'ai pas redimensionné correctement et le texte est "tronqué", le scroll ne se fait pas jusqu'au bout
(quand je pivote l'iphone le texte se redimensionne correctement mais dès que je pause le doigt pour scroller, le texte redevient plus gros)
Merci de votre aide
Partager