移动端滑动事件

<link rel="stylesheet" type="text/css" href="css/flipsnap.css">

 <section class="demo" id="demo-maxPoint">
        <h3>maxPoint</h3>
        <div class="viewport">
          <div class="flipsnap" style="transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-duration: 350ms; transform: translate3d(-480px, 0px, 0px);">
            <div class="item">1</div>
            <div class="item">2</div>
            <div class="item">3</div>
            <div class="item">4</div>
            <div class="item">5</div>
            <div class="item">6</div>
            <div class="item">7</div>
            <div class="item">8</div>
            <div class="item">9</div>
            <div class="item">10</div>
            <div class="item">11</div>
          </div>
        </div>
  </section>

<script src="js/jquery-1.12.2.js"></script>    <!-- 下面为了省事，例子4、6、7 使用了jquery-->
    <script src="js/flipsnap.min.js"></script>