fullpage

1,

meta:vp 按tab

生成：

 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

2 ，html

图片.png

3，css

图片.png

4，js

用户滑动的时候，帮用户滑动
下面就是窗口滑动的代码 window.scrollTo(x,y) x,y是水平，垂直的滑动

  setTimeout(function(){
       window.scrollTo(0,1300)
         },1000)

图片.png

那么只要滑动一个屏幕的高度就可以：
不知道，Google搜索 ：js get viewport height

图片.png

图片.png

图片.png

 setTimeout(function(){
    var h = Math.max(document.documentElement.clientHeight,                       window.innerHeight || 0);
         window.scrollTo(0,h)
 },1000)

     console.log(document.documentElement.clientHeight)
     console.log(window.innerHeight)

这样1秒后就是滚动一个屏幕的高度

图片.png

上面这个只是一种实现思路，但是实际上这样使用不能实现帮用户滚动屏幕

图片.png

图片.png

图片.png

下滚数字变大 上滚数字变小

scroll是无法解决，实现这个功能的

优

滚轮事件
click