做全屏滚动网页,实现滚动效果后,首先想到的就是网页右边的导航栏,要实现这个导航栏,fullpage.js插件本身就自带配置项,只要会使用就可以实现效果了。 先介绍几个api: anchors:定义锚链接,默认值为[],有了锚链接,就可以快速的打开定位到某一页面,也是我们实现导航栏的关键 ...
兼容性: 支持 IE 及其他现代浏览器。 主要功能: .支持鼠标滚动 .支持前进后退键盘控制 .多个回调函数 .支持手机.移动设备 .支持窗口缩放自动调整 .可设置滚动宽度 背景颜色 滚动速度 循环选项 回调 文本对齐方式等等 .支持CSS 动画 实现方法: .插入jquery.fullPage.css .插入jquery.js .插入jquery ui.js 用于制作动画 .插入jquery.f ...
2017-10-17 11:33 0 1530 推荐指数:
做全屏滚动网页,实现滚动效果后,首先想到的就是网页右边的导航栏,要实现这个导航栏,fullpage.js插件本身就自带配置项,只要会使用就可以实现效果了。 先介绍几个api: anchors:定义锚链接,默认值为[],有了锚链接,就可以快速的打开定位到某一页面,也是我们实现导航栏的关键 ...
1.fullpage地址 https://github.com/alvarotrigo/fullPage.js 2.fullpage基本配置 引入css文件和js文件 基本结构 初始化fullpage 3.fullpage原理 : 更改 ...
简介 前几天做了一个全屏网站效果,你可以试试 fullPage.js。 fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 ...
fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景 ...
fullpage.js这个基于jquery的插件,轻量又很方便。 功能: 支持鼠标滚动 支持前进 ...
fullpage函数里面的参数: //Navigationmenu: false,//绑定菜单,设定的相关属性与anchors的值对应后,菜单可以控制滚动,默认为false。anchors:['firstPage', 'secondPage'],//anchors定义锚链接,默认 ...
fullPage.js和fullPage都能实现全屏滚动,二者差别是:fullPage.js需依赖于JQuery库,而fullPage不须要依赖不论什么一个js库。能够单独使用。 一、fullPage.js实现全屏 fullPage.js是开源的JQuery插件库 ...
http://www.wenjiangs.com/doc/fullpage-method ...