Sliding bar for movement with sliding side menu

I'm having a hard time finding some jQuery or JavaScript to do the following: btw - I'm using ReactJS, but any of the scrollable / scrollable NPM modules are still missing functionality.

My wishlist, this app is for mobile phones and tablets:

• Spilling panels like Tinder, Snapchat. They also need to be programmed to be selectable from the side menu, see # 2 below. I am currently using swipeJS: https://github.com/thebird/Swipe Works fine, but slide (index, duration) does not change the duration value. And not sure how to get this to work with a side menu that also scrolls to close.

• The sidebar also needs to be scrolling to close it - the jQuery examples I've seen here are only closed with a click, not a swipe: http://www.jqueryscript.net

Update: this closes on impact: http://www.jqueryscript.net/menu/App-Style-Fly-out-Navigation-Menu-Plugin-For-jQuery-iosmenu.html

3. The scrollbar needs to be able to set an area that is not affected by scrolls of the main page, why? I want to do something like Tinder, but instead of people, I will have a game that uses swipes like Angry Birds. However, you still want to be able to scroll outside the play area to navigate between the main panels / pages. Please note: my game will not be complete.

I am wondering if this is too much for a mobile HTML application (wrap it with Cordova or PhoneGap) and if I should go to native language. But I'm hoping to use HTML and ReactJS.