纯JQ实现全屏滚动【无插件】

首先就是简单的HTML部分：

<div class="sxt-wrapper">
<ul class="sxt-wrapper-scroll">
<li><video src="img/h.mp4" id="video" loop="loop" autoplay="autoplay"></video></li>
<li><img src="img/201702151453082348.jpg"></li>
<li><img src="img/e.png"></li>
<li><img src="img/201702151453082348.jpg"></li>
<li><img src="img/e.png"></li>
</ul><!--首先这是全屏区域-->
<ul class="sxt-scroll-menu">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul><!--这是右侧小圆点-->
</div>

接下来是样式（css）部分：

<style>
*{margin: 0;padding: 0;}
ul{list-style: none;}
.sxt-wrapper{width:100%;height: 100vh;overflow: hidden;} /*100vh指的是可视区域分成100份，并且超出部分隐藏*/
.sxt-wrapper .sxt-w