Mobile menu issue when scrolling down in react.js

Job ID: 33011651

Budget: $250 – $750 USD

Hi, all
I have a web app and it doesn't working well on mobile.
The issue is mobile menu part on iPhone safari.
Mobile menu has style css - position:fixed; bottom:0px;

I want below.

Users simply click the button on the side of the menu.
But it should be able to scroll as if there is no bottom menu.
Now when the user clicks on the bottom menu and scrolls, we detect that the user wants to scroll the bottom menu. This is wrong.
I'm actually trying to scroll the whole page
Related categories: CSS HTML5 React.js LESS/Sass/SCSS