###前提・実現したいこと
スマホでスクロールしたらヘッダーメニューを表示させて、トップで固定し、一番上のトップに戻った時に再度非表示にしたい。
###発生している問題・エラーメッセージ
常に固定表示にはできるが、そこからどうしたらいいのかいまいちつかめない。
HTML
1 2<!DOCTYPE html> 3<html> 4<head> 5<meta charset="UTF-8" /> 6<meta name="viewport" content="width=device-width, initial-scale=1" /> 7<title>test</title> 8<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" /> 9<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 10<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script> 11</head> 12<body> 13<div data-role="page" data-title="test"> 14 15 <div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="b"> 16 <h1>ヘッダー</h1> 17 </div> 18 19 <div role="main" class="ui-content"> 20 <div class="ui-field-contain"> 21 <label for="textarea">テキストエリア</label> 22 <textarea name="textarea" id="textarea" disabled>長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。長いコンテンツです。</textarea> 23 </div> 24 </div> 25 26 <div data-role="footer" data-position="fixed" data-tap-toggle="false" data-theme="b"> 27 <h3>フッター</h3> 28 </div> 29 30</div> 31 32</body> 33</html> 34
初心者で恐縮ですが、アドバイス等よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。