轩枫阁

首页 / Web前端 / skrollr-decks大屏介绍型导航插件

skrollr-decks大屏介绍型导航插件

skrollr-decks简介

利用skrollr-decks,可实现点击跳转至网页中的模块,实现模块间的切换。

使用方法

引入skrollr.js:https://github.com/Prinzhorn/skrollr

引入skrollr.deck.js:https://github.com/TrySound/skrollr-decks

Demo

http://www.xuanfengge.com/demo/201508/skrollr-decks/

HTML

API

skrollr.decks.init(options)

options.decks:decks的classname

offset(10):当自动滚动时,通过offset来判断

duration(600):动画时间

easing(quaratic):动画形式

delay(500):延迟滚动时间

autoscroll(true):是否自动滚动

history(false):记录hash

skrollr.decks.refresh()

重新计算所有模块的高度,如当部分内容被加载进来时需要刷新。

skrollr.decks.animateTo(anchor,  noAnimation)

anchor:滚动至某结点,#id或up、‘down

noAnimation:取消动画

skrollr.decks.on(events, callback)

change(activeDeck):当前屏hash发生改变时

render(e):skroll render事件

本文标题:skrollr-decks大屏介绍型导航插件 - 轩枫阁

转载请务必注明出处,欢迎分享

如果觉得我的文章对您有用,请随意打赏
赞  赏
赞赏作者 轩枫-ivan
¥ 6.66
换个金额 使用微信扫一扫赞赏
  • 6.66
  • 8.88
  • 16.8
  • 2.33
  • 52.0
  • 20.0
  • 自定义
  • 10.0
72/430
74/430

相关文章

文章评论

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]