ios - jQuery-Mobile Disable Page Dragging & prevent Scroll over Header/Footer -

The scrollbar in my webpage is just to scroll through the "content" section. But as soon as I scroll to the end or top of the content, the scrollbars scroll through the title or footer, along with the page which is actually dragged to look ugly.

Here are some pictures:

Title and Footer

  
 data-role = "header" data-theme = "b" data-position = "fixed" data-tap-toggle = "wrong" & gt;   
 Footer:  
  & lt; Div data-role = "footer" data-position = "fixed" data-tap-toggle = "wrong" & gt;   
 How can I stop this behavior? Thank you.   
 
 
 Did you also try to include all three attributes in your header?  
 Data-status = "fixed" "  
 Here is the code:  
  & lt; Div data-role = "header" data-condition = "fixed" data-tap-toggle = "incorrect" data -update-page-padding = "incorrect" & gt; & Lt; / Div & gt;   
 Hope this helps!