jquery - 如何修复按钮，使其不随内容滚动

Question

如何修复按钮，使其不会随内容滚动。小提琴 http://jsfiddle.net/ravi1989/LegZv/1/

$(document).on('click', '.search_h', function() {

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

我使用了 css ：

position :relative 
position :fixed 

但它不工作

当我在标题 div 文本（内容）中添加该 div 时，位于 div 上方。:(

首先单击显示随内容滚动的按钮的按钮。

Answer 1

使用 Css 属性顶部。在按钮上单击 .Take 变量并使用它。

  $('#realTimeContents').css('top','45px')
$("#searchbar").show("slow");


    $('#realTimeContents').css('top','0px')
     $("#searchbar").hide("slow");

Answer 2

<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">

在您的 HTML 中，您有上面的代码。只需将其删除，它就不会沿内容向下滚动。

现场演示

Answer 3

您是否将内容和按钮放在同一个地方意味着放入不同的 div 。所以你可以设置位置：固定按钮。