Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
香草Javascript-通过滑动关闭菜单_Javascript_Html - Fatal编程技术网

香草Javascript-通过滑动关闭菜单

香草Javascript-通过滑动关闭菜单,javascript,html,Javascript,Html,我正在尝试开发一个没有JS框架的响应性网站 问题是我想在导航菜单打开后滑动它关闭(#菜单包装器),但1)它没有关闭,2)通过触摸链接不再“可点击” 桌面上的一切都可以用鼠标操作。问题在于触摸 代码笔: 代码笔: 问题:如何通过触摸和左键滑动来关闭菜单来获取工作链接 PS这里有一些代码,因为这个站点需要它:) ≡;打开菜单 您最终将使用一个库。。。当您使用Hammer.js时,它非常棒。只需说“看看触摸事件:你最终将使用一个库…”。。。当您使用Hammer.js时,它非常棒。只需说“

我正在尝试开发一个没有JS框架的响应性网站

问题是我想在导航菜单打开后滑动它关闭(#菜单包装器),但1)它没有关闭,2)通过触摸链接不再“可点击”

桌面上的一切都可以用鼠标操作。问题在于触摸

代码笔:

代码笔:

问题:如何通过触摸和左键滑动来关闭菜单来获取工作链接

PS这里有一些代码,因为这个站点需要它:)


  • ≡;打开菜单

您最终将使用一个库。。。当您使用Hammer.js时,它非常棒。只需说“看看触摸事件:你最终将使用一个库…”。。。当您使用Hammer.js时,它非常棒。只需说“看看触摸事件:
<div id="menu-link" class="pointer" style="">
<ul style=""><li style="" onclick='
document.getElementById("menu-wrapper").style.transform = "translate3d(0px,0px,0px)";
document.getElementById("menu-wrapper").style.WebkitTransform = "translate3d(0px,0px,0px)";
document.getElementById("menu-wrapper").style.MozTransform = "translate3d(0px,0px,0px)";
'>&#x2261; Open Menu</li></ul>
</div>