文件名称:Slideout.js:移动网络应用的触摸滑出式导航菜单-开源
文件大小:30KB
文件格式:ZIP
更新时间:2024-08-07 09:39:17
开源软件
在您的项目中实施 Slideout.js 很容易。 滑出可在 cdnjs 上使用。 您也可以使用许多包管理器之一。 首先,您需要创建标记。 你应该有一个菜单(#menu)和一个主要内容(#panel)到你的身体里。 在您的 Web 应用程序中添加 Slideout.js 样式 (index.css)。 然后您只需包含 Slideout.js,创建一个带有一些选项的新实例并调用切换方法。 支持 Chrome(IOS、Android、桌面)、Firefox(Android、桌面)、Safari(IOS、Android、桌面)、Opera(桌面)和 IE 10+(桌面和移动)。 您可以使用特殊的 HTML 属性 data-slideout-ignore 来禁用对某些元素的拖动。 例如,如果您必须防止在轮播、地图、iframe 等上触摸时滑出会打开。滑出仅在通过触摸事件打开/关闭时才会发出 translatestart、translate 和 translateend 事件。
【文件预览】:
Mango-slideout-a7a624e
----.jshintrc(377B)
----.gitignore(49B)
----browserify.js(372B)
----package.json(1KB)
----.travis.yml(156B)
----CONTRIBUTING.md(988B)
----dist()
--------slideout.js(37KB)
--------slideout.min.js(2KB)
----LICENSE(1KB)
----index.js(9KB)
----README.md(10KB)
----component.json(470B)
----index.css(460B)
----bower.json(706B)
----test()
--------assets()
--------test.css(5KB)
--------test.js(5KB)
--------index.right.html(4KB)
--------index.html(4KB)