如何修复按钮，以便它们不滚动内容

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属性top。按钮点击。获取变量并使用它。

  $('#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中，您拥有上面的代码。只需删除它，然后它就不会沿着内容向下滚动。

<强> LIVE DEMO

Answer 3

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