Javascript Can'；t访问另一个定位元件下方的链接

我正在尝试创建一个滑动事件，该事件将在移动就绪页面的底部隐藏/显示导航。滑动需要位于页面底部，就像用户在浏览导航本身一样

我有一个

，上面有

，两者都固定在页面底部，

.swipearea

是z索引的，位于导航上方。当然，这使得导航中的链接不可链接。我已经尝试过使

可滑动，但当我向下滑动时，这只是在桌面测试机上拖动

中的元素。如果我把事件放在div.swipearea上，功能就像一个符咒，但没有链接是可点击的

我需要能够点击一个链接，并能够刷导航向上或向下。我建议下拉一个小标签，但客户不想使用它。他们希望在默认情况下隐藏导航，向上滑动导航显示，向下滑动导航消失

当然，我也需要导航链接

示例代码：

<div class="swipearea"></div>
<nav>
    <ul>
        <li><a href="somewhere.html">Link1</a</li>
        <li><a href="another.html">Link2</a></li>
        <li><a href="yetanother.html">Link3</a></li>
    </ul>
</nav>