为什么数据位置＝“;固定的“;数据抽头切换＝“;false”;不起作用

Why data-position="fixed" data-tap-toggle="false" not work?

本文关键字：数据 false 不起作用 位置 为什么      更新时间：2023-09-26

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

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

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

我通过禁用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"

用于数据role="header"标签，不用于其他div或元素

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

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

我对你的小提琴做了一个改动。

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

编辑：

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

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

相关文章：