触摸屏的短点击/鼠标切换？

Question

我有一个菜单和一个子菜单，父菜单标题本身也会导致页面，子菜单在mouseover上打开。

我的问题是触摸屏，因为触摸屏上没有“悬停”，所以无法访问子菜单，因为父菜单页面在子菜单出现后会立即打开，而不会留下时间从子菜单中选择值。

那么，根据您的经验，是否有一种简单的方法可以使菜单适应触摸屏？

是否有一种简单或传统的方法来模拟触摸屏上的鼠标切换？

我实际上并不是要求代码，而是在这种情况下的常见行为，我已经有一个网站，我想让触摸屏友好。

显然，比起基于脚本的解决方案，我更喜欢CSS解决方案。

​

​

Answer 1

您可以让子菜单出现在按下，然后用户将拖下(仍然按下屏幕)和手指向上，可以选择该选项。

或者，您可以单击一次打开子菜单，然后再单击另一次以选择项。

另外，这个问题将在https://ux.stackexchange.com/上得到更好的回答，它处理的是与用户体验相关的问题。

Answer 2

对于CSS专用的解决方案，有几种方法可以使用:target伪类。

.submenu {
    display: none;
}

.submenu:target {
    display: block;
}

<ul>
    <li>
        <a href="#submenu-1">Foo</a>
        <ul id="submenu-1" class="submenu">
            <li><a href="/bar">Bar</a></li>
            <li><a href="/baz">Baz</a></li>
        </ul>
    </li>
</ul>