html safari的兼容性问题

Question

移动端/ipad的safari浏览器，没有下拉框的可以直接点击，实现跳转，有下拉菜单的点击一下没反应，需要长按才能出现下拉菜单

像这个图片里面的首页就可以直接点击并且跳转，但是中心介绍就需要长按才行点一下没反应
可以给解答一下吗，谢谢了

Answer 1

<div class="header_center">
  <ul style="display: flex;">
    <li>
      <a href="../index.html">
        <span>首页</span>
      </a>
    </li>
    <li>
      <span id="shqzj5">中心介绍</span>
      <ul class="move_list">
        <li onclick="top.location.href='centerIntr.html';">中心概况</li>
        <li onclick="top.location.href='parentCompany.html';">集团介绍</li>
        <li onclick="top.location.href='ForesightDC.html';">前瞻研发中心</li>
        <li onclick="top.location.href='globalRD.html';">全球研发中心</li>
      </ul>
    </li>
  </ul>
</div>

试试上面代码。如果不可以再修改下方式进行设置：

.move_list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

这段CSS代码将.move_list类的元素的滚动行为设置为自动滚动，并启用Safari的滚动优化。