L'événement tactile HTML5 réalise l'effet de faire glisser la page de haut en bas [avec le code]_compétences du didacticiel HTML5-Tutoriel H5-php.cn

L'événement tactile HTML5 réalise l'effet de faire glisser la page de haut en bas [avec le code]_compétences du didacticiel HTML5

WBOY

Libérer： 2016-05-16 15:51:39

original

2247 Les gens l'ont consulté

L'événement tactile HTML5 réalise l'effet de faire glisser la page de haut en bas [avec le code]

Code XML/HTMLCopier le contenu dans le presse-papiers

>
<html lang="fr" >
<tête>
<meta charset="UTF- 8">
<méta nom="portée" content="width=device-width,initial-scale=1 user-scalable=0" />
titre> <style>
* {marge : 0 ; remplissage : 0;} #outer{ largeur : 90 % ; hauteur : 490 px ; arrière-plan : #000 ; marge : auto ; débordement : caché ;}
style>
<script src='jquery- 1.9.1.min.js'>script>
tête>
<corps>
<div id="spText" >div>
<div id="extérieur" >
<div id="intérieur" >
123 123 gag af 123 123 123 123 123 123 123 123 123 123 123 yryyr ryry 123 123 123 123 123 sdff fef 123 hr hrh 5 ans 123 er ert 123 rgdgdg 123 123 123 123 123 123 gfgfgfgfgfgf sdsdsdsdsdsd sf 123 123 123 123 123 123 123 123 gdggdgdg 123 drgdrgd 123 123 123 yuyuyuyuyuy hjkhjkhkhkhjkhkh kjkjk 123 123 gag af 123 123 123 123 123 123 123 123 123 123 123 yryyr ryry 123 123 123 123 123 sdff fef 123 hr hrh 5 ans 123 er ert 123 rgdgdg 123 123 123 123 123 123 gfgfgfgfgfgf sdsdsdsdsdsd sf 123 123 123 123 123 123 123 123 gdggdgdg 123 drgdrgd 123 123 123 yuyuyuyuyuy hjkhjkhkhkhjkhkh kjkjk
div>
div>
<script>
var startX,//触摸时的坐标
startY,
x, //distance de glissement
oui,
aboveY=0 //Définit une variable globale pour enregistrer la position de la dernière diapositive de bloc interne
var inner=document.getElementById("inner");
touch=e.touches[0]
startY = touch.pageY //Coordonnées lorsqu'on vient de le toucher
touch = e.touches[0]
y = toucher.pageY - startY;//Distance de glissement
inner.style.webkitTransform = 'translate(' 0 'px, ' y 'px )'; //Vous pouvez également utiliser la méthode CSS3
inner.style.top=aboveY y "px" //Dans cette phrase
aboveY=parseInt(inner.style.top);//Enregistrez le curseur interne après le toucher end La position glissante est reflétée dans la variable globale et doit être convertie en un entier à l'aide de parseInt();
}//
document.getElementById("outer").addEventListener('touchstart', touchSatrt,false);
document.getElementById("outer").addEventListener('touchend', touchEnd,false);
>
corps>
>
L'événement tactile html5 ci-dessus réalise l'effet de glissement de page de haut en bas [avec code] est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence, et j'espère que vous soutiendrez Script Home.
http://www.tuicool.com/articles/nIBJju