Navigateur mobile/tablette : empêcher totalement le scroll
Hello @all,
Je viens solliciter vos connaissances pour un détail qui parait basique sur le papier qui me pose bien des soucis ^^
Pour un website que je développe en principe de "parallax" (et oui le fameux)
- où le principe est donc d'avoir tout le contenu sur une seule page très longue - qui sera destiné à être consulter sur desktop et tablette, je cherche à totalement bloqué l'action de scroll de la souris ou du doigt.
Autrement-dit, la navigation se fera uniquement par le menu ou des boutons bien précis.
Sur desktop à priori pas de problème.
Le CSS suffit grâce à un overflow:hidden sur la balise BODY
Mais cela ne semble pas suffire pour tablette, le scroll au doigt fonctionne toujours ! Je pense qu'il faut donc "tricher" avec un Javascript.
J'ai trouvé pas mal de choses, infos, contradiction, indications sur le net... mais surtout pour empêcher le scroll superflus en haut et en bas.
Il y a ce bout de code qui revient souvent
Code:
1
2
3
4
5
| <script language="javascript">
document.ontouchmove = function(e){
e.preventDefault();
}
</script> |
Mais que se soit dans le HEAD ou avant /BODY, accompagné de JQUERY UI, cela n'a aucun effet > le scroll sur le BODY fonctionne toujours.
Si vous avez des pistes, je suis preneur ! :)
