为什么data-position =“fixed” data-tap-toggle =“false”不行？ [英] Why data-position="fixed" data-tap-toggle="false" not work?

问题描述

当我滚动我的内容时，我想修复我的按钮。我使用这个 data-position =fixed data-tap-toggle =false。但它不工作，按钮也向上滚动。
当我使用位置绝对，它来到底部。我使用位置相对。如果我添加这些按钮与标题，然后背景蓝色他们显示回按钮。
您可以建议另一种方式，以便当我滚动内容时，按钮将被固定。

I want to fix my buttons when I am scrolling my content .I used this data-position="fixed" data-tap-toggle="false". But it does not work, buttons also scroll up. When I used position absolute it comes bottom.So I used position relative .If I add these button with header, then the background blue them display back on buttons. Can you please suggest another way so that buttons will be fixed when I scroll the content.

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

I click the button it show buttons and text field .Then scroll my contend buttons also scroll . Here is my fiddle. http://jsfiddle.net/ravi1989/E65Uy/

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

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

推荐答案

我通过禁用CSS动画解决了。 p>

I solved it by disabling CSS animations..

.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”不行？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！