ブラウザビューからの距離要素を取得します。

この1つの効果「ロードされた要素は、ビューのアニメーションで表示される」(もちろん、使用の多くが、ここで私は効果を実現したい)を達成

私は直接の友人を表示したくない、私は問題を解決する最初のリファレンスドキュメントに、あなたの時間を無駄にしないでください。https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect

 

この効果を達成するために、私の白いフロントエンドに比べて、当然のことながら、別の効果なし次々にしようと、私たちは、兄の電源を使用する必要があるが、私は記事がギャングの上にBaiduのをお勧め見つけたぶん私はあまりにも鶏肉料理でした良く

さんはjqueryのを持ってみましょう、あまり私は私の心の中にだけ言葉「完成」を見て半分分より、これは白の私のようなものが理解することができるかもしれないが、だけで静かに技術的な涙を残していません。

私は基本的に放棄したい場合は、私は事に遅延ロード画像を使用している場合、このシナリオが必要とされていないと思いますが、私はすぐに、要素、ページ、もはや高さビューにもつれ、この変更された方向を考えません(キーは難しすぎる〜O(╥﹏╥)O)

コード上の当面の状況、上の明確な方向性を示します。

// (ブラウザ「の牛割賦」のように見えるものにも対応)ブラウザビューの高さを取得
VAR viewHeightValue = document.documentElement.clientHeight || document.body.clientHeightを。

もちろん、混乱アクセスの様々な情報の前に、私は、ダイナミックに変更するつもりはないこと、このプロパティは読み取り専用であることを学びました

もちろん、私は確かにないBUGを行うようアバディーン(銭)相(寿)文字(市)、その後、死んだの値の内側に書かれたコードは、直接、もちろん、すべての卵を使用していない、ブラウザの高さは、私が実際にBUGアバディーンはできます移動の変更?

次に集中します:

//は距離ビューに対して要素を返す 
)(el.getBoundingClientRect

距離ブラウザビューああと比較して、しかし、焦点のヒント(ここでMDN(TOU)図からオーバーテイクの私がある)があります。

その時私は、「・」私は彼自身に色を追加して、強制的にするとき少しを緩和することを望んで、無知ビットこのチャートAを見て

だから、私は、所望の効果を達成する必要がある場合は思考であるべきである:高(viewHeight)のブラウザビューを取得 - >ビュー(elHeight)から要素の高さを取得します - >判決(viewHeight - elHeight)は、あなたが開始した場合、以下viewHeightよりアニメーションの実装。

パーフェクト!

親指アップ!日それを呼びます!

おすすめ

転載: www.cnblogs.com/chenghuayike/p/11970731.html