Gmailで長いスレッドを表示すると、画面の下部にdivが表示され、次のメッセージの作成者の名前が示されます。スクロールしてさらにメッセージを表示すると、このdivが更新され、表示しているメッセージの後にあるメッセージの作成者の名前が常に表示されます。
この機能はどのように実装されていると思いますか?
ログ情報が記載された長いページがあり、ページのどこにいるかをユーザーに通知したいと思います。GmailのJavaScriptを見てみましたが、コードが難読化されすぎて理解できません。
Gmailで長いスレッドを表示すると、画面の下部にdivが表示され、次のメッセージの作成者の名前が示されます。スクロールしてさらにメッセージを表示すると、このdivが更新され、表示しているメッセージの後にあるメッセージの作成者の名前が常に表示されます。
この機能はどのように実装されていると思いますか?
ログ情報が記載された長いページがあり、ページのどこにいるかをユーザーに通知したいと思います。GmailのJavaScriptを見てみましたが、コードが難読化されすぎて理解できません。
jQueryを使用すると、すべての高さを取得し、現在のスクロール位置に基づいてこの方法で計算できます。
または、見ているものを「クリック」してから、を介して実行する必要があるようにすることもできますonfocus
。
現在のスクロールオフセットを取得する必要があります。これにより、ユーザーがページのどこまで下がるかが決まります。
このオフセットにある要素を知る必要があります。要素の位置は、各親要素の相互のオフセットを使用して計算されます。
通常、JQuery、MooTools、YUIなどのライブラリには、スクロール位置と要素位置を取得するための既存のメソッドがあります。