请查看此链接至jsfiddle - http://jsfiddle.net/AshThomas/742tvhqy/1/
您好,
如果在计算机上运行该代码...当单击菜单按钮时,按钮仍会显示为“悬停”,直到移动鼠标为止(例如,如果单击按钮而不移动鼠标,则按钮仍会显示为“悬停”)
此外,如果在三星Galaxy S3 Mini的标准互联网浏览器上运行此代码(其他Android手机可能也一样),即使只按下菜单按钮一次,菜单也会立即打开然后关闭。
我相信这两个问题是有关联的,但我似乎找不到解决方案。
基本上,我希望停止菜单按钮在单击按钮后出现“悬停”(而无需移动光标),并且希望在上述手机上按下菜单按钮时菜单保持打开...希望这两个问题有关!
您好,
如果在计算机上运行该代码...当单击菜单按钮时,按钮仍会显示为“悬停”,直到移动鼠标为止(例如,如果单击按钮而不移动鼠标,则按钮仍会显示为“悬停”)
此外,如果在三星Galaxy S3 Mini的标准互联网浏览器上运行此代码(其他Android手机可能也一样),即使只按下菜单按钮一次,菜单也会立即打开然后关闭。
我相信这两个问题是有关联的,但我似乎找不到解决方案。
基本上,我希望停止菜单按钮在单击按钮后出现“悬停”(而无需移动光标),并且希望在上述手机上按下菜单按钮时菜单保持打开...希望这两个问题有关!
<body>
<div id="menu" class="panel" role="navigation" style="overflow-y: scroll; position: fixed;
top: 0px; bottom: 0px; width: 15.625em; height: 100%; -webkit-transition: right 300ms ease;
transition: right 300ms ease; right: -15.625em; -webkit-overflow-scrolling: touch;">
<div id="menuWrapper">
<ul>
<li class="boldMenu"><a href="#">Home</a>
</li>
<li class="boldMenu"><a href="#">About</a>
</li>
<li class="boldMenu"><a href="#">Contact</a>
</li>
</ul>
</div>
</div>
<div class="wrap push" style="right: 0px; -webkit-transition: right 300ms ease; transition: right 300ms ease;">
<a href="#menu" class="menu-link">☰</a>
</div>