問題タブ [scrolltop]

ボディウィンドウの上部がh2タグ以上の場合、h2をフェードアウトし、ウィンドウの上部がそのh2の上に戻った場合は、そのh2をフェードインします。

このコードは、下にスクロールして渡すと個々のh2がフェードアウトしますが、上にスクロールしてもフェードインしません。何が間違っているのかわかりません。私はjqueryが得意ではありません。どんな助けでも大歓迎です。

通常、これは簡単ですが、視覚的な理由から、iframe をそれに含まれるコンテンツと同じ高さに強制します。これが行うことは、親ウィンドウのスクロール バーであるスクロール バーを 1 つだけ表示することです。iframe ドキュメントはスクロールしません。問題は、iframe 内で div を中央に配置しようとすると発生します。ページが数ページ下にスクロールされると、正確なスクロールトップの値を取得できません。$(window).scrollTop() は常にゼロです。$(window).scrollTop() の代わりにparent.document.documentElement.scrollTopを使用すると、値を取得できますが、完全に昼食になります。たとえば、iframe の高さが 2011 で、iframe の一番下までスクロールして、parent.document.documentElement.scrollTop を照会すると、値 567 が返されます。私の画面サイズは1200です

すべてのブラウザーで同じ結果が得られます。最新の IE、FF、Opera、Chrome をテスト済み。

シミュレートする

SimpleModal ウィンドウ内にネストされた jQuery Cycle ウィジェットを表示するプロジェクト ビューアの作業を終えたところです。それは非常にうまく機能していますが、今は iPad 用にいくつかのことをデバッグしようとしています。

何が起こっているのかをよりよく理解するには、下の図を見てください。基本的に、SimpleModal は、モバイル サファリが scrolltop またはそれに相当するものを返す方法に問題があるようです。SimpleModal の「位置」オプションを更新する必要があることはわかっていますが、これについて最善の方法がわかりました。

http://snippets.dzone.com/posts/show/4973の JavaScriptとそのscrollTop下の提案を使用して、事前設定されたテキスト文字列を Blogger の新しい投稿に挿入するためのブックマークレットを作成していますtextarea。コードは次のようになります。

}

そしてその下の提案：

提案はscrollTopFirefox では失敗し、代わりにブラウザーの現在のページが の値に置き換えられますtextAreaScrollPosition。

これを、ブックマークレットのサンドイッチ ダウン バージョンの先頭に追加しました。

全体として、次のように書かれています。

ただし、改行なし。

私は JS の魔法使いではありません。テクノロジーに詳しくない友人が Blogger で少し複雑なことをするのを手伝おうとしているだけです。何か案は？

EDIT：プリミティブページ検出を追加し、プリセットテキストをプロンプトボックスに置き換えることに加えmyField.focus();て、最後に追加することで元の問題を解決できました：

最後のセミコロンが厳密に必要かどうかはわかりませんが、まあ、解決策です!

したがって、基本的にリンクを使用して、一連のdivをスクロールして正しいものを選択します。つまり、happyをクリックして、「happy」divまでスクロールします。

ただし、スクロールはリンク先に移動しないようですが、リストの3番目のdivにスクロールします。

コードは次のとおりです。

キーボードの下矢印を押すと記事の次のセクションにスクロールダウンし、上矢印を押すと上にスクロールする機能があります。正常に動作しますが、スクロールする直前にわずかな「バウンス」または「ジッター」があります。

関数が false を返すようにすることで、この問題を部分的に修正できましたが、false を返すとキーダウン イベントが飲み込まれ、キーボードを使用してブラウザーを操作できなくなります。

「ジッター」を解消すると同時にキーボードを解放する方法についてのアイデアはありますか?

リンクをクリックすると、いくつかのページ要素を に設定する JavaScript がトリガーdisplay:noneされ、ページの高さが変更される動的ページがあります。これに対する一般的なブラウザーの動作は、ページの上部からのスクロール位置が保持されることです。リンクがページの下部近くにあり、ユーザーのカーソルがクリックされた後もリンクの上に留まるようにするため、代わりに下部からのスクロール位置を保持したい。

これを行う必要があるコードは次のとおりです。

（ドキュメントの高さとスクロール位置を取得するために見つけたクロスブラウザ機能を使用）。

これは chrome と Internet Explorer では正常に機能しますが、firefox では、ページの高さが変化してからスクロール位置が変化するまでの間にわずかな遅延があります。その結果、ページがすばやく再調整されるときにちらつきが発生します。これは私を大いに悩ませています.

ページの上部ではなく下部からのスクロール位置を覚えておくための修正またはより自然な方法を誰かが提案できますか?

ありがとうございました。

を削除してから追加するにはどうすればよい$(window).scrollですか? 変数を保存し、何らかのイベントの後に再利用する必要があります。

ありがとうございました。

注意：私は2021年にこの質問を整理して、デッドリンクを削除し、コードをライブデモにしました。ざっと確認すると、現在のバージョンのChromeには問題がないようです。

行の高さとマージンがnであり、その領域の高さがの倍数でnあり、scrollTopが倍数で増加している領域を考えるとn、Firefox、Opera、NetFrontで期待する結果が得られることがわかります。 Chrome（Windows）、Safari（Mac）、および最新のWebKit nightly（Mac）には多少のリークがあり、部分的な線が表示されます。

私の実際のプロジェクト（共有することはできません）では、効果は非常に顕著ですが、テストケースを減らしても、前の行の下部がボックスの上部から覗いているのがわかります。

この影響を回避することは可能ですか？これは、報告する必要があるWebKitレンダリングエンジンのバグですか？

縮小されたテストケースを以下に示します。ドキュメントを数回クリックしてスクロールします。ボックスの上部にあるドット（前の行の文字の下部）ではありません。

JavaScriptコードでウェブサイトをスクロールしたい場合、.scrollTopプロパティを設定するcorrent要素は何ですか？

それは、、、windowまたはdocument要素document.bodyですかhtml？

jQueryには、メインビューポートをスクロールして呼び出しを統合する意図を検出するためのトリックがありますか？うまくいくこともあるように思えます$(window).scroolTop(value)が、うまくいかないこともあります。