轩枫阁

首页 / 授人以渔 / 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无需填写

详细参数

 

相关文章

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

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

    [返回曲谱列表]