snap.js是一个用JavaScript创建漂亮的移动架库，效果类似Facebook和路径风格方面的菜单。 

特征

• 独立插件，不依赖任何JavaScript
• 高级定制
• 动画支持
• 用户意图的检测
• 禁用过伸
• 活动钩
• css3动画IE回退供电
• 拖放支持
• 拖动手柄的支持
• 程序化的api
• “不拖”元素
• 定义的放松方式
• 启用/禁用事件
• 禁用两侧（左或右）
• 支持 Ratchet （模板！）

支持

• Firefox 10 +
• 宽的WebKit支持（包括Android WebKit 2.3.x）
• IE 10
• IE 9支持切换，拖动但没有转换
• IE 7 / 8支持切换但没有拖动或转换

安装

作为独立的只包含在脚本标签文件：

<script src="snap.js"></script>

作为一个Web组件做：

component install jakiestfu/Snap.js

使用方法

var snapper = new Snap({
  element: document.getElementById('content')
});

配置参数

settings = {
    element: null,
    dragger: null,
    disable: 'none',
    addBodyClasses: true,
    hyperextensible: true,
    resistance: 0.5,
    flickThreshold: 50,
    transitionSpeed: 0.3,
    easing: 'ease',
    maxPosition: 266,
    minPosition: -266,
    tapToClose: true,
    touchToDrag: true,
    slideIntent: 40,
    minDragDistance: 5 
}

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/1675