javascript - Can't access link below another positioned element -
i trying create swipe event hide / show navigation @ bottom of mobile-ready page. swipe needs @ bottom of page, if user swiping on navigation itself.
i have <nav>
<div class=swipearea>
above it, both fixed bottom of page, , .swipearea
z-indexed above nav. of course, makes links in navigation unclickable. have tried making <nav>
swipeable, drags elements in <nav>
on desktop test machine when swipe down. if put event on div.swipearea, functionality works charm, no links clickable.
i need able click link , able swipe navigation or down. suggested small tab pull down, client doesn't want use that. want navigation hidden default, swipe , navigation appears, swipe down , disappears.
of course, need navigation links work too.
example code:
<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>
Comments
Post a Comment