2

我想在滚动内容时修复按钮。我使用了这个data-position="fixed" data-tap-toggle="false"。但它不起作用，按钮也向上滚动。当我使用绝对位置时，它位于底部。所以我使用相对位置。如果我将这些按钮添加到标题中，那么背景蓝色它们会重新显示在按钮上。您能否建议另一种方式，以便在我滚动内容时修复按钮。

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

$(document).on('click', '#test', function() {

   $("#searchbar").toggle("slow");
});
4

3 回答 3

1

我通过禁用 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;
}
于 2015-08-22T07:32:57.343 回答
0 
  data-position="fixed" data-tap-toggle="false"

用于 data-role="header" 标签而不是其他 div 或元素

参考这个，http://jquerymobile.com/demos/1.2.0/docs/toolbars/bars-fixed.html

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

于 2013-08-29T04:53:41.787 回答
0

我已经改变了你的小提琴。

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

编辑：

我已经换了小提琴，这是你要找的吗？

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

于 2013-08-29T04:55:50.117 回答