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

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

HTML には上記のコードがあります。単に削除すると、コンテンツに沿って下にスクロールしなくなります。

ライブデモ

Answer 2

コンテンツとボタンを同じ場所に配置するということは、異なる div に配置することを意味します。position:fixed をボタンに設定できます。