fullpage

1,

meta:vp 按tab

生成:

 

2 ,html

fullpage_第1张图片
图片.png

3,css

fullpage_第2张图片
图片.png

4,js

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

  setTimeout(function(){
       window.scrollTo(0,1300)
         },1000)
fullpage_第3张图片
图片.png

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

fullpage_第4张图片
图片.png

fullpage_第5张图片
图片.png

http://stackoverflow.com/questions/1248081/get-the-browser-viewport-dimensions-with-javascript

fullpage_第6张图片
图片.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秒后就是滚动一个屏幕的高度

fullpage_第7张图片
图片.png

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

fullpage_第8张图片
图片.png

http://stackoverflow.com/questions/31223341/javascript-detecting-scroll-direction
fullpage_第9张图片
图片.png

fullpage_第10张图片
图片.png

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

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

滚轮事件
click

你可能感兴趣的:(fullpage)