オクラホマので、あなたは私はそれが私が働いているプロジェクトで便利になる可能性があるので、私はjQueryのモバイルでこれを実装する方法に疑問を抱いてしまいました。
JQuery Waypointsを使用すると、特定の要素がページの上端に当たったときと、その時点でページがスクロールしている方向を確認できます。ウェイポイントコードを使用すると、bodyタグを閉じる前に、ちょうどあなたのサイトの下でスクリプトを含め、非常に簡単です
http://jsbin.com/iyowog/3/edit
:私はあなたに可能な解決策を表示するには、次のjsbinを設定しています。プラグインを.waypoint()
で初期化することができます。私の例では、あなたのスクロールダウン時にヘッダーを修正し、再び元のポイントを超えてスクロールして戻すときに固定する次のコードを使用しました。
$('#header').waypoint(function(event, direction) {
if (direction === 'down') {
$('#header').attr('data-position', 'fixed');
$('#header').addClass('ui-header-fixed');
} else {
$('#header').attr('data-position', '');
$('#header').removeClass('ui-header-fixed');
}
});
最良の部分は、それが動的であるということです、ヘッダーがページ内にある場合、それは、ページの上部に当たっていたときに伝えることができるようになります重要ではありません。
が、これはあなたに良いスタートを与える [jqueryの携帯ヘッダーとフッターの固定を維持する方法] [1] [1]:http://stackoverflow.com/questions/4724068/どのようにしてjquery-mobile-header-and-footer-fixed – rahul
@rahul:いいえ、違います。 – nhahtdh
残念ながら、jQuery Mobileには上記の機能をそのままにすることはできません。 [固定ヘッダー](http://jsbin.com/iyowog/1/)(***ページのスクロールを行う***サイズ変更ウィンドウ)を持つことができますが、ページの途中から始まって固定されるものはありません。 – Jeemusu