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

Popular posts from this blog

java - Run a .jar on Heroku -

java - Jtable duplicate Rows -

validation - How to pass paramaters like unix into windows batch file -