Forums Développement Multimédia

Aller au contenu

Scroll tactile d'une div

scroll tacticle div mobile android CODE HTML CSS

6 réponses à ce sujet

#1 XueFang

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 77 messages

Posté 31 January 2013 - 16:17 PM

Bonjour à tous,

Vous allez bien? ^^

Je suis actuellement en train de développer un nouveau site web qui dans un premier temps n'est pas spécialement dédié au mobile... mais dans un souci de titillement personnel j'aimerai bien faire une chose toute bête ... comme souvent, sauf que cela ne fonctionne pas sur mobile... Android du moins, je n'ai pas d'iPhone :shock: oui je suis un être humain.

Pour faire au plus clair, voici un lien vers le site que je suis en train de prototyper http://www.geoffreyl...andbox/Tanjelly

Ne faites pas attention aux textes, images et contenu c'est complètement bidon ^^

Sur PC niquel, sur mobile un peu moins, la colonne de droite n'est pas scrollable au doigt, tandis que sur pc on voit très bien le scroll apparaître... la question étant: "Pourquoi?"
J'imagine que c'est un truc tout bête mais n'ayant jamais réellement développé pour "smart"phone je ne sais pas d'où peut venir le problème.

Merci~~~

#2 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2530 messages

Posté 01 February 2013 - 17:51 PM

Salut,

Moi ça va impec ;-)

Je suis justement en train de bosser sur la question

Voici 2 liens qui devraient te permettre d'avancer.

http://filamentgroup....com/Overthrow/
http://cubiq.org/iscroll

Je n'ai pas encore testé mais devrais le faire d'ici ce week-end ... autant profiter du temps maussade

bon dev
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#3 XueFang

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 77 messages

Posté 03 February 2013 - 17:45 PM

Merci ^^

Je n'ai pas encore testé non plus, as-tu déjà des retours d’expérience?

#4 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2530 messages

Posté 10 February 2013 - 20:27 PM

Salut,

J'ai commencé quelques tests, iscroll fonctionne plutôt pas mal même si pour l'instant, j'ai des problèmes avec l'utilisation de zepto et de l'évènement 'tap'

Par chance, sur les versions récentes des navigateurs, tu peux utiliser en natif :


overflow: scroll;
-webkit-overflow-scrolling: touch;
 

Du coup, tu peux réserver le chargement de iscroll sur les anciennes versions

Si j'arrive à avancer comme je veux sur ce projet, je pense publier une suite de billets sur mon expérience du développement d'une webapp, pour l'instant j'en suis à la mise en place d'une architecture la plus légère possible.

Je pense utiliser, en plus du CSS (que je privilégie) :

Backbone.js
Zepto.js
iScroll.js

je vais aussi regarder du côté de fastclick : https://github.com/ftlabs/fastclick


Le soucis c'est les tests, déjà qu'avec les navigateurs c'était coton.

Pour l'instant, je suis en mesure de tester avec plus ou moins de disponibilité du matos sur :

iphone 3GS et iOS6
iphone 3G et iOS4
ipad 1 et iOS5
tablette nexus 7 et android 4.1.1
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#5 XueFang

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 77 messages

Posté 13 February 2013 - 12:10 PM

Salut switcher,

Désolé je met du temps à répondre, l'autre jour je voulais répondre mais le forum buggait, du moins chez moi.

Sinon je suis en train de tester... tout du moins de mettre le code en place mais je ne vais pouvoir tester que plus tard car comme une nouille j'ai oublié mon smartphone pour voir si sa fonctionne chez moi.

En tout cas merci pour ton retour d'expérience, je pense que sa sera utile à beaucoup de monde!

#6 XueFang

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 77 messages

Posté 14 February 2013 - 16:21 PM

De mon côté j'ai découverts ce plugin qui permet de rendre jQuery UI réactif au touché... à étudier
http://touchpunch.furf.com/

#7 XueFang

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 77 messages

Posté 14 February 2013 - 19:04 PM

J'ai testé, reste pluqu'à régler sinon sa fonctionne à peu près et c'est simple à mettre en place :smile:



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP