为什么data-position =“fixed”data-tap-toggle =“false”不起作用？

我想在滚动内容时修复我的按钮。我使用了data-position="fixed" data-tap-toggle="false" 。 但它不起作用，按钮也向上滚动。 当我使用位置绝对时它会来到底部。所以我使用位置相对。如果我用标题添加这些按钮，那么背景蓝色它们显示在按钮上。 你能否提出另一种方法，以便在滚动内容时固定按钮。

我点击它显示按钮和文本字段的按钮。然后滚动我的竞争按钮也滚动。 这是我的小提琴。 http://jsfiddle.net/ravi1989/E65Uy/

 $(document).on('click', '#test', function() { $("#searchbar").toggle("slow"); }); 

Answer 1

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

用于data-role =“header”标记，不用于其他div或元素

请参阅此处 ， http：//jquerymobile.com/demos/1.2.0/docs/toolbars/bars-fixed.html

您应该使用css样式属性位置来修复其他元素

Answer 2

我改变了你的小提琴。

我改变了这一行：

编辑：

我改变了小提琴，这是你在找什么？

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

Answer 3

我通过禁用CSS动画解决了它..

 .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; }