Acara sentuh HTML5 menyedari kesan meluncurkan halaman ke atas dan ke bawah [dengan kod]_kemahiran tutorial HTML5-Tutorial H5-php.cn

Acara sentuh HTML5 menyedari kesan meluncurkan halaman ke atas dan ke bawah [dengan kod]_kemahiran tutorial HTML5

WBOY

Lepaskan： 2016-05-16 15:51:39

asal

2289 orang telah melayarinya

Acara sentuhan HTML5 menyedari kesan meluncurkan halaman ke atas dan ke bawah [dengan kod]

Kod XML/HTMLSalin kandungan ke papan keratan

>
<html lang="en" >
<kepala>
<meta charset="UTF- 8">
<meta nama="viewport" kandungan="width=device-width,initial-scale=1 user-scalable=0" />
<tajuk>2014-4-29tajuk>
<gaya>
* {margin: 0; pelapik: 0;}
#luar{ lebar:90%; ketinggian: 490px; latar belakang: #000; margin: auto; limpahan: tersembunyi;}
#dalaman{lebar:80%; ketinggian: 2000px; latar belakang: #f67d42; margin: auto; jawatan:saudara; atas:0; }
gaya>
<skrip src='jquery- 1.9.1.min.js'>skrip>
kepala>
<badan>
<div id="spText" >div>
<div id="luar" >
<div id="dalaman" >
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 jam hrh 5t 123 er ert 123 rgdgdg 123 123 123 123 123 123 gfgfgfgfgfgf<br< 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 tahun ryry 123 123 123 123 123 sdff fef 123 hr hrh 5t 123 er ert 123 rgdgdg 123< 123 123 123 123 123 gfgfgfgfgfgf sf 123 123 123 123 123 123 123 123 123 drgdrgd 123<>; 123 123 yuyuyuyuy hjkhjkhkhkhjkhkh kjkjk
div>
div>
<skrip>
startY,
x, //jarak gelongsor
y,
di atasY=0; //Tetapkan pembolehubah global untuk merekodkan kedudukan slaid blok dalaman terakhir
var dalaman=dokumen.getElementById("dalaman");
sentuh=e.sentuhan[0]
startY = sentuh.pageY; //Koordinat apabila baru disentuh
sentuh = e.sentuhan[0]
y = sentuh.pageY - startY;//Jarak gelongsor
inner.style.webkitTransform = 'terjemah(' 0 'px, ' y 'px )'; //Anda juga boleh menggunakan kaedah css3
inner.style.top=di atasY y "px"; //Dalam ayat ini
di atasY=parseInt(inner.style.top);//Rakam peluncur dalaman selepas sentuhan berakhir Kedudukan gelongsor dicerminkan dalam pembolehubah global dan mesti ditukar kepada integer menggunakan parseInt();
}//
document.getElementById("outer").addEventListener('touchstart', touchSatrt,false);
document.getElementById("outer").addEventListener('touchend', touchEnd,false);
>
badan>
>
Acara sentuhan html5 di atas menyedari kesan halaman meluncur ke atas dan ke bawah [dengan kod] adalah semua kandungan yang dikongsi oleh editor. Saya harap ia boleh memberi anda rujukan, dan saya harap anda akan menyokong Script Home.
http://www.tuicool.com/articles/nIBJju