轩枫阁

首页 / Web前端 / 授人以渔 / Javascript / skrollr-menu页面点击定位插件

skrollr-menu页面点击定位插件

skrollr-menu简介

skrollr-menu是一款基于skrollr的hash动画导航插件。

使用方法

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

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

Demo

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

功能

1. animate滚动至某个hash

正常hash即可

2. 滚动至某hash前150px的位置

在正文位置添加data-menu-offset属性

3. 滚动至1000px的位置

在链接添加data-menu-top属性

4. 页面滚动75%

在链接添加data-menu-top属性,百分比单位为p

5. 设置滚动动画时间

在链接添加data-menu-top属性,值为数值,单位ms无需填写

详细参数

 

本文标题:skrollr-menu页面点击定位插件 - 轩枫阁

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

如果觉得我的文章对您有用,欢迎打赏
赞  赏
赞赏作者 urnotivan
¥ 6.66
换个金额 使用微信扫一扫赞赏
  • 6.66
  • 8.88
  • 16.8
  • 2.33
  • 52.0
  • 20.0
  • 自定义
  • 10.0
114/470
116/470

相关阅读

文章评论

  • 不错啊。

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

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

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子