tpl_index_test.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  6. <title><?=$da['title']?></title>
  7. <link rel="shortcut icon" href="favicon.ico" />
  8. <script type="text/javascript" src="js/jquery.js"></script>
  9. <script type="text/javascript" src="js/js.js"></script>
  10. <script type="text/javascript" src="js/touch-0.2.14.min.js"></script>
  11. <style>
  12. </style>
  13. <script>
  14. function initbody(){
  15. $(window).scroll(function(){
  16. //var dd=$('body').scrollTop();
  17. //js.debug(dd);
  18. });
  19. var obj = document.body;
  20. touch.on(obj, 'dragstart', function(e){
  21. startyy = e.distanceY;
  22. stime = e.timeStamp;
  23. startyys = $('body').scrollTop();
  24. //js.debug(startyys);
  25. js.debug(e);
  26. });
  27. touch.on(obj, 'drag', function(e){
  28. var hei = e.distanceY-startyy;
  29. var o = $('#mainbody');
  30. //var lef = startyys-hei;if(lef<0)lef=0;
  31. });
  32. touch.on(obj, 'dragend', function(e){
  33. var jg = e.timeStamp-stime;
  34. var hudong = e.distanceY-startyy;
  35. var hei = hudong>0 ? -1 : 1;
  36. //计算滑动速度
  37. var hms = 300;
  38. var jgs = (hms-jg)/0.2 * hei;
  39. if(jg<hms){
  40. var ass = $('#mainbody').scrollTop();
  41. //$('#mainbody').animate({scrollTop:ass+jgs}, hms-jg+200);
  42. }
  43. js.debug(''+jg+'-'+hei+':'+(300-jg)/0.5+'');
  44. setTimeout(function(){
  45. var heig = $('body').scrollTop() - startyys;
  46. var s = '在时间:'+jg+',滑动:'+hudong+',总滚动:'+heig+'';
  47. js.debug(s);
  48. },2000);
  49. });
  50. }
  51. </script>
  52. </head>
  53. <body style="background-color:#eeeeee">
  54. <?php
  55. for($i=0;$i<=100; $i++)echo '<div style="padding:10px; border-bottom:1px #cccccc solid">测试'.$i.'</div>';
  56. ?>
  57. </body>
  58. </html>