在移动设备上使用子菜单时关闭目标

Question

我有一个导航栏，其中4个链接将您带到页面上的某个位置，子菜单隐藏在桌面视图中。我可以在移动视图中关闭“目标＃”，因此点击导航链接会打开子菜单而不是跳转到页面上的某个位置吗？

带子菜单的导航链接之一的示例：

<li>
   <a class="page-scroll" href="#page-top">Home</a>
</li>

<li class="page-scroll dropdown">
   <a href="#about" class="page-scroll dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Who are we <span class="caret"></span></a>
   <ul class="dropdown-menu">
     <li><a href="#">History</a></li>
     <li><a href="#">Case studies</a></li>
     <li><a href="#">The Company</a></li>
     <li><a href="#">Location</a></li>
   </ul> 
</li>

Answer 1

使用下面的css属性来禁用媒体查询中的链接

.dropdown-menu a{
 pointer-events: none;
}