View Full Version : Addition of 'swipe' functionality to Side Push Menu

09-19-2014, 10:20 AM
1) Side Push Menu

2) http://www.dynamicdrive.com/dynamicindex1/pushmenu.htm

3) Is it possible to add a 'swipe' functionality to close the menu for mobile / touchscreen users?


09-19-2014, 11:27 PM
Sure, try the below attached modified version of pushmenu.js. Also, download the touchswipe library (located here (http://www.dynamicdrive.com/dynamicindex14/jquery.touchSwipe.min.js)), and on you page, add the reference in red to your original initialization code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.touchSwipe.min.js"></script>

<script src="pushmenu.js">

* Side Push Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more


That should do the trick- swiping left on the opened menu now closes it.

09-20-2014, 09:53 AM
Awesome, works perfectly... Thank-you :)