12345市长热线标准版-前端

pullrefresh_main.html 1.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" href="css/mui.min.css">
  10. <style>
  11. .mui-action-back {
  12. color: #fff;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <header class="mui-bar mui-bar-nav" style="padding-right: 15px;height: 50px;color: #fff;background-color: #00a1cb;">
  18. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  19. <!--<a id="icon-menu" class="mui-action-menu mui-icon mui-icon-bars mui-pull-right"></a>-->
  20. </header>
  21. <div class="mui-content"></div>
  22. </body>
  23. <script src="js/mui.min.js"></script>
  24. <script type="text/javascript">
  25. //启用双击监听
  26. mui.init({
  27. gestureConfig:{
  28. doubletap:true
  29. },
  30. subpages:[{
  31. url:'pullrefresh_sub.html',
  32. id:'pullrefresh_sub.html',
  33. styles:{
  34. top: '45px',
  35. bottom: '0px',
  36. }
  37. }]
  38. });
  39. var contentWebview = null;
  40. document.querySelector('header').addEventListener('doubletap',function () {
  41. if(contentWebview==null){
  42. contentWebview = plus.webview.currentWebview().children()[0];
  43. }
  44. contentWebview.evalJS("mui('#pullrefresh').pullRefresh().scrollTo(0,0,100)");
  45. });
  46. </script>
  47. </html>