Is there a way to stop the page from scrolling on a jQuery Mobile page while still allowing a specific element with overflow set to scroll to be scrolled by the user? The challenge is that the length of the page may vary slightly, exceeding 100% on different devices.
<div data-role="page" id="noscroll>
<div data-role="content">
<div class="scrollable">
</div>
</div>
</div>
I have attempted to use the code below, but it prevents the scrollable element from responding to the touchmove event.
$('#noscroll').on('touchmove', function(){
e.preventDefault();
});