Question

我想在滚动内容时修复按钮。我使用了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

我改变了你的小提琴。

我改变了这一行：<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false" style='z-index:9999'>

修改

我改变了小提琴，这就是你要找的东西吗？

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

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

3 个答案: