3

iPhone 4 で実行するモバイル Web サイト (非ネイティブ) を構築しています。高さ約 80 ピクセル、幅 100% の「ヘッダー」コンテンツが必要です。表示されたコンテンツの。

この記事は、私が望むことをほぼ正確に行います。

http://inspectelement.com/tutorials/pull-down-for-navigation-a-responsive-solution/

それに関する問題は、それが私が必要とするものよりも複雑であり、私が必要としないいくつかの追加のことを行うことです. 既存の Web アプリケーションに接続しようとしましたが、すべてのスタイルがジャッキアップされ、うまく機能しませんでした。彼らは私が望まないスタイルをたくさん使っています。スタイルの変更に何時間も費やす前に、どのスタイルがプルダウン効果に不可欠で、どのスタイルが無関係であるかを理解しようとする前に、これを達成するためのより簡単な方法があるかどうかを確認したいと思います.

目的: モバイル Web ページの任意の場所を指で下にスライドすると、非表示のヘッダーが下にスライドして表示されます。離すと、ヘッダーは上にスライドして戻り、再び見えなくなります。それ以上に手の込んだものは必要ありません。

関連する質問: 指で Web ページを下に引っ張ると、モバイル ブラウザでトリガーされる「イベント」は何ですか? それは「onscroll」または類似のものですか？それともモバイルならでは？

ありがとう。

4

1 に答える 1

0

表示されているすべてのコンテンツでこれを発生させたいため、アンカーを使用してヘッダーの下のページを開始できる場合があります。したがって、ページを下に引っ張ると (ページの「上部」を越えて上にスクロールすると)、ヘッダーが表示されます。onload() JavaScript イベントを使用して、ページをアンカーに自動的にジャンプさせることができます。

<script type="text/javascript">
function load() {
    var urllocation = location.href;
    if(urllocation.indexOf("#anchor") > -1){
        window.location.hash="anchor"; 
    } else {
    return false;
    }
}
</script>
<body onload="load()">
于 2013-06-12T16:31:58.760 に答える