Javascript 为什么数据位置=”；固定的；数据点击切换="；假；不工作？

我想在滚动内容时修复按钮。我使用了此

data position=“fixed”

data-tap-toggle=“false”

。但它不起作用，按钮也会向上滚动。 当我使用绝对位置时，它位于底部。所以我使用相对位置。如果我添加这些带有标题的按钮，则背景蓝色的按钮会显示在按钮上。 请你建议另一种方式，这样当我滚动内容时，按钮将被固定

我单击显示按钮和文本字段的按钮。然后滚动我的按钮也滚动。 这是我的小提琴。

用于数据role=“header”标记，而不用于其他div或元素

参考这个,

---

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

我已对您的小提琴进行了更改

我更改了这行：

编辑：

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

---

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

---

但是按钮也会滚动？你不想以后出现的按钮也滚动吗？是的..意思是如果我使用click button。它会显示按钮。那么它们不应该滚动-只需将按钮添加到标题

div

本身。css属性如position:fixed在示例中滚动时按钮是固定的。这就是你想要的，对吗？@Rohit为我工作，只是没有背景，但是按钮在文本上方。我不需要这个。按钮应该出现然后文本。你不想要蓝色顶部栏上的按钮吗？不。你理解错了。我需要按钮应该出现在文本上方。。

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

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