Why Data-position="fixed" Data-tap-toggle="false" Not Work?

I want to fix my buttons when I am scrolling my content .I used this data-position='fixed' data-tap-toggle='false'. But it does not work, buttons also scroll up. When I used positi

Solution 1:

I solved it by disabling CSS animations..

.slidedown, .reverse, .out {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

Solution 2:

data-position="fixed" data-tap-toggle="false"

are used for data-role="header" tags not for other divs or elements

Refer this, http://jquerymobile.com/demos/1.2.0/docs/toolbars/bars-fixed.html

You should use css style attribute position to make other elements fixed

Solution 3:

I have made a change to your fiddle.

I changed this line: <div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false" style='z-index:9999'>

EDIT:

I have changed the fiddle, is this what you are looking for?

http://jsfiddle.net/E65Uy/11/