轻扫面漆侧边菜单
Topcoat Side Menu on swipe
本文关键字:菜单 更新时间:2023-09-26
所以我正在使用topcat开发一个phonegap应用程序,并实现了一个弹出菜单,如图所示。我正在使用此脚本打开/关闭菜单
$(function () {
var slideMenuButton = document.getElementById('slide-menu-button');
slideMenuButton.onclick = function (e) {
var cl = document.body.classList;
if (cl.contains('left-nav')) {
cl.remove('left-nav');
} else {
cl.add('left-nav');
}
};
});
现在一切都很好,但我想增加的是滑动关闭面板和打开面板的功能。我看到jquery的触摸库似乎提供了一个解决方案(如TouchSwipe),但我想尝试尽可能接近1:1的触摸-移动交互。
有人知道我应该朝什么方向发展,或者有什么想法吗?感谢您的帮助。
发现了这一点,并对类进行了一些重命名,我得到了一个触摸式滑出菜单,可以随心所欲地工作。它叫Bamboo.js
下面是它的演示
相关文章:
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- angular的下拉菜单
- 使用JQuery的动态上下文菜单
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 创建下拉菜单
- 下拉菜单在菜单按钮的边缘闪闪发光
- Div根据<选择>菜单
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 硒IDE下拉菜单
- 将JavaScript弹出菜单转换为警报框
- 调整屏幕大小后不显示子菜单
- 固定位置菜单时滚动,直到它击中一个相对容器的底部
- 我的下拉菜单中的链接不起作用
- Bootstrap Dropdown selection是在*all*下拉菜单上设置选择
- Jquerymobile-使用javascript创建选择菜单
- 如何将JSON转换为HTML下拉菜单
- 滚动后保持固定的菜单栏不起作用
- 如何关闭所有其他子菜单
- 悬停下拉菜单即使在鼠标移出后也保持活动状态