用fullpage做手机版页面时 左右笔记本电脑怎么滑动页面会触发屏幕上下滚动

来源：蜘蛛抓取(WebSpider) 时间：2018-08-06 04:21 标签： 笔记本电脑怎么滑动页面

如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面（），QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的，显得更上档次，你可以试试

fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：

  • 支持前进后退和键盘控制
  • 支持手机、平板触摸事件
  • 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等

每个 section 代表一屏，默认显示“第一屏”，如果要指定加载页面时显示的“屏幕”，可以在对应的 section 加上 class=”active”，如：

字体是否随着窗口缩放而缩放
绑定菜单，设定的相关属性与 anchors 的值对应后，菜单可以控制滚动
是否显示左右滑块的项目导航
左右滑块的项目导航的位置，可选 top 或 bottom
左右滑块的箭头的背景颜色
滚动到最底部后是否滚回顶部
滚动到最顶部后是否滚底部
是否使用插件的滚动方式，如果选择 false，则会出现浏览器自带的滚动条
内容超过满屏后是否显示滚动条
0
0
是否使用键盘方向键导航
设置页面滚动方式，设置为 true 时自动滚动
添加或删除鼠标滚轮/触控板控制
添加或删除键盘方向键控制
定义以毫秒为单位的滚动速度
滚动到某一屏后的回调函数，接收 anchorLink 和 index 两个参数，anchorLink 是锚链接的名称，index 是序号，从1开始计算

nextIndex 是滚动到的“页面”的序号，从1开始计算；

页面结构生成后的回调函数，或者说页面初始化完成后的回调函数

如果是瀑布流加载，首先要全局监听scroll事件，当页面滚动的时候，获取页面的scrollTop值，当scrollTop的值达到某个定值的时候时候异步去请求后端，请求到的数据在append的页面里就可以了。

如果像慕课网那样的动画，可以考虑用fullpage插件，到滚动到每一个位置的时候调用一个事件函数执行动画

我要回帖

更多关于 笔记本电脑怎么滑动页面 的文章

 

随机推荐