├── H5_questionnaire.html
└── README.md
/H5_questionnaire.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | H5调查问券模板
11 |
420 |
421 |
422 |
423 | 加载中，请稍等！
424 |
425 |
426 |
428 |
429 | 1/100
430 |
431 |
432 |
433 |
434 |
435 |
436 |
437 |
正在获取问题...
438 |
439 |
440 | - A:是
441 | - B:否
442 |
443 |
正在获取吐槽...
445 | 
446 |
447 |
448 |
449 | 
450 |
451 |
452 |
0
453 |
这是一段根据得分得出的描述
455 |
456 |
458 |
460 | 长按二维码关注"自在"公众号
461 | 查看抽奖结果
462 | 
463 |
464 |
465 |
466 |
467 |
468 |
469 | 第三页
470 | 第三页
471 | 第三页
472 | 第三页
473 | 第三页
474 |
475 |
476 |
477 |
478 |
479 |
480 | 第四页
481 | 第四页
482 | 第四页
483 | 第四页
484 | 第四页
485 |
486 |
487 |
488 |
489 |
490 |
491 | 第五页
492 | 第五页
493 | 第五页
494 | 第五页
495 | 第五页
496 |
497 |
498 |
499 |
500 |
501 |
502 | 第六页
503 | 第六页
504 | 第六页
505 | 第六页
506 | 第六页
507 |
508 |
509 |
6 | 1.把每个section的positioin：relative改为absolute，这样在上一页做完一个动画下一页就会立刻跟上，不会出现白屏，之所以出现白屏是因为上一页的relative属性导致上页虽然视觉上从页面划走了但是它的原位置还保留着(详见position：relative属性与absolute的区别)。
7 | 2.把原animationBasic()方法改为animationBasic(direction)，通过增加一个参数的方法，往哪个方向划动就向animationBasic(direction)传参数(next,pre,left,right),并根据不同的方向给outPage和inPage这两个变量赋予不同的class类名，通过不同的class类名达到上下左右不同的划屏效果。
8 | 3.在animationBasic(direction)方法中添加是否在进行动画的判断，在当前页划出屏幕和下一页进入屏幕后使isAnimation=true，代表正在进行动画，在后面的setTimeout定时器中的最后使isAnimation=false,代表动画结束。并且要在swipe()事件中的goPage()方法前添加是否在进行动画的判断，这样就不会导致一个动画没有进行完就划屏产生动画混乱的情况。
9 |
10 | 2016.9.5记录
11 | 1.添加音乐控制，初始时判断音乐是否是播放状态（paused），如果是则让