我正在尝试创建一个滑动事件,该事件将隐藏/显示移动就绪页面底部的导航。滑动需要在页面底部,就好像用户在导航本身上滑动一样。
我上面有一个<nav>
,<div class=swipearea>
两者都固定在页面底部,并且.swipearea
z-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>