1

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

我上面有一个<nav><div class=swipearea>两者都固定在页面底部,并且.swipeareaz-indexed 位于导航上方。当然,这会使导航中的链接无法点击。我尝试过使可滑动的,但是当我向下滑动时,这只会在我的桌面测试机器上<nav>拖动元素。<nav>如果我将事件放在 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>
4

0 回答 0