html5 touch事件实现触屏页面上下滑动(一)

                inner.style.top=aboveY+y+"px"; //这一句中的aboveY是inner上次滑动后的位置                      

            }     

            function touchEnd(e){//手指离开屏幕   

              e.preventDefault();                      

              aboveY=parseInt(inner.style.top);//touch结束后记录内部滑块滑动的位置 在全局变量中体现 一定要用parseInt()将其转化为整数字;   

            }//   

             document.getElementById("outer").addEventListener('touchstart', touchSatrt,false);     

             document.getElementById("outer").addEventListener('touchmove', touchMove,false);     

             document.getElementById("outer").addEventListener('touchend', touchEnd,false);     

    </script>  

</body>  

</html>  

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!