兼容安卓和苹果的滚动

fullpage.js

使用方法

$('#container').fullpage({});

配置

1、选项

verticalCentered	字符串	true	内容是否垂直居中
resize	布尔值	false	字体是否随着窗口缩放而缩放
slidesColor	函数	无	设置背景颜色
anchors	数组	无	定义锚链接
scrollingSpeed	整数	700	滚动速度，单位为毫秒
easing	字符串	easeInQuart	滚动动画方式
menu	布尔值	false	绑定菜单，设定的相关属性与 anchors 的值对应后，菜单可以控制滚动
navigation	布尔值	false	是否显示项目导航
navigationPosition	字符串	right	项目导航的位置，可选 left 或 right
navigationColor	字符串	#000	项目导航的颜色
navigationTooltips	数组	空	项目导航的 tip
slidesNavigation	布尔值	false	是否显示左右滑块的项目导航
slidesNavPosition	字符串	bottom	左右滑块的项目导航的位置，可选 top 或 bottom
controlArrowColor	字符串	#fff	左右滑块的箭头的背景颜色
loopBottom	布尔值	false	滚动到最底部后是否滚回顶部
loopTop	布尔值	false	滚动到最顶部后是否滚底部
loopHorizontal	布尔值	true	左右滑块是否循环滑动
autoScrolling	布尔值	true	是否使用插件的滚动方式，如果选择 false，则会出现浏览器自带的滚动条
scrollOverflow	布尔值	false	内容超过满屏后是否显示滚动条
css3	布尔值	false	是否使用 CSS3 transforms 滚动
paddingTop	字符串	0	与顶部的距离
paddingBottom	字符串	0	与底部距离
fixedElements	字符串	无
normalScrollElements		无
keyboardScrolling	布尔值	true	是否使用键盘方向键导航
touchSensitivity	整数	5
continuousVertical	布尔值	false	是否循环滚动，与 loopTop 及 loopBottom 不兼容
animateAnchor	布尔值	true
normalScrollElementTouchThreshold	整数	5

2、方法

moveSectionUp()	向上滚动
moveSectionDown()	向下滚动
moveTo(section, slide)	滚动到
moveSlideRight()	slide 向右滚动
moveSlideLeft()	slide 向左滚动
setAutoScrolling()	设置页面滚动方式，设置为 true 时自动滚动
setAllowScrolling()	添加或删除鼠标滚轮/触控板控制
setKeyboardScrolling()	添加或删除键盘方向键控制
setScrollingSpeed()	定义以毫秒为单位的滚动速度

3、回调函数

afterLoad	滚动到某一屏后的回调函数，接收 anchorLink 和 index 两个参数，anchorLink 是锚链接的名称，index 是序号，从1开始计算
onLeave	滚动前的回调函数，接收 index、nextIndex 和 direction 3个参数： index 是离开的“页面”的序号，从1开始计算； nextIndex 是滚动到的“页面”的序号，从1开始计算； direction 判断往上滚动还是往下滚动，值是 up 或 down。
afterRender	页面结构生成后的回调函数，或者说页面初始化完成后的回调函数
afterSlideLoad	滚动到某一水平滑块后的回调函数，与 afterLoad 类似，接收 anchorLink、index、slideIndex、direction 4个参数
onSlideLeave	某一水平滑块滚动前的回调函数，与 onLeave 类似，接收 anchorLink、index、slideIndex、direction 4个参数

转载于:https://www.cnblogs.com/hlhs/p/11157688.html

兼容安卓和苹果的滚动相关推荐

页面跳转微信及QQ的链接。QQ兼容安卓及苹果跳转
项目中遇见的磕磕碰碰页面跳转微信及QQ的链接.QQ兼容安卓及苹果跳转 QQ跳转,兼容安卓及苹果跳转的链接页面跳转微信及QQ的链接.QQ兼容安卓及苹果跳转 QQ跳转,兼容安卓及苹果跳转的链接此次遇 ...
微信公众号 - 实现 H5 网页在微信内置浏览器中下载文件，可预览和下载 office 文件（doc / xls / ppt / pdf 等）适用于任何前端技术栈网站，兼容安卓和苹果系统！
前言网上的教程都是让你写页面 "引导" 右上角三个点里,让用户自己去浏览器打开,其实这样用户体验并不好. 本文实现了最新微信公众号 H5 网页(微信内置浏览器中),预览下载 o ...
手机网页，输入时软键盘盖住输入框完整解决方案，兼容安卓、鸿蒙、苹果IOS
手机网页,输入时软键盘盖住输入框完整解决方案,兼容安卓.鸿蒙.苹果IOS 当点击输入框时调起软盘,安卓和IOS会有所不同,IOS中弹起软盘会让整体布局往上移,而安卓不会而是整体布局高度缩减了. 参考 ...
长虹android电视无法启动,长虹启动CHiQ电视迭代升级：兼容安卓苹果
长虹启动CHiQ电视迭代升级数码讯 3月18日晚间消息,长虹在上海举办"最强大脑--长虹CHiQ电视迭代版公测Party",长虹多媒体产业集团董事长叶洪林宣布开启自1月18日CH ...
H5嵌入原生开发小结----兼容安卓与ios的填坑之路
一开始听说开发H5,以为就是做适配现代浏览器的移动网页,心想不用管IE了,欧也.到今天,发现当初too young too simple,兼容IE和兼容安卓与IOS,后者让你更抓狂.接下来数一下踩过的 ...
React Native 模仿网易云音乐手机客户端，兼容安卓和IOS两个平台
React Native 模仿网易云音乐手机客户端,兼容安卓和IOS两个平台. GitHub 完整源码地址https://github.com/yezihaohao/NeteaseCloudMusic ...
安卓10未知来源_华为已将“基于安卓10”变成“兼容安卓10”，EMUI就是鸿蒙OS
阅读本文前,请您先点击上面的蓝色字体"小李聊科技",再点击"关注",这样您就可以免费收到最新内容了.每天都有分享,完全是免费订阅,请放心关注. 众所周知所有国产 ...
华为p4不是鸿蒙吗怎么又改为安卓_华为已将“基于安卓10”变成“兼容安卓10”，EMUI就是鸿蒙OS...
原标题:华为已将"基于安卓10"变成"兼容安卓10",EMUI就是鸿蒙OS 众所周知所有国产智能手机都在使用谷歌安卓系统,但是为了像苹果那样让系统成为手机一个卖 ...
鸿蒙系统兼容微软,效仿华为鸿蒙系统！微软放大招：新版Win10系统兼容安卓应用...
原标题:效仿华为鸿蒙系统!微软放大招:新版Win10系统兼容安卓应用相信大家都知道,华为鸿蒙OS2.0系统手机Bate版本即将在12月16日正式发布,届时有关于华为鸿蒙手机OS系统的所有细节都将得到 ...
fc安卓模拟器_支持安卓、苹果、电视、PC！这可能是最好的游戏模拟器！
今天给大家带来一款非常棒的游戏模拟器,它牛B在以下几个地方. 支持安卓.苹果.电视和pc,全部兼容手柄包含掌机.街机.家用机等18款类型游戏主机有2万多款经典游戏,全部免费下载下载速度快,支持联 ...

兼容安卓和苹果的滚动

配置

1、选项

2、方法

3、回调函数

兼容安卓和苹果的滚动相关推荐

最新文章

热门文章