$(window).height()ドキュメントの高さの問題
2055 ワード
次のような問題が発生しました.
あるプロジェクトはよくやっていて、テストの时に一歩一歩気をつけて、しばらくしてから、前の完成した机能に问题があることに気づきました.
まず、問題のある機能について説明します.
スクロールバーのドロップダウンロードをするときに使うネットで探す方法
スクロールバーが表示されると、スクロールバーをドロップダウンするとイベントが発生し、イベントにロードするWebコンテンツを追加することができます.多くのWebサイトでは、画像サーバの圧力を節約するために使用されています.
しかし、今日はieの上で正常に動作していることを発見して、googleと火狐の上で走るのは正常ではありません.ずっと使っていたieテストなので、その時どこを直したらこのエラーが出るか分からず、エラーが発生した場合は以下のようになります.
正常な状況は
スクロールバーが最後までスクロールすると、イベントがトリガーされ、必要なコンテンツをロードできます.$(document)です.scrollTop()>=$(document).height()-$(window).Height()は、スクロールバーの高さがウィンドウの高さより大きい場合-ドキュメントの高さで、このイベントがトリガーされ、上図に示す効果がすべて表示されることを意味します.
しかし、後でエラーが発生した場合は、次のようになります.
スクロールバーがどのように動いてもこのイベントがトリガーされます
この2つの値が後で印刷されます.この$(document)が見つかりました.height()と$(window).height()という2つの値はgoogleとfirefoxで同じ値なのに、ieではまた違っています.つまり、スクロールバーがどのように動いても、この判断条件は常に成立しているので、ieでは大丈夫で、他のブラウザでは正しくない場合があります.
解決策:
もしあなたが私と同じようにこれを変えてやっと問題が発生したら、それはこの原因です.
変えたんだ
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">http://www.w3.org/1999/xhtml ">
に変更されました
最後に改めて,この問題は解決した.
つまり$(window).height()の値は正常で、本当に穴のお父さんの問題です
ps:私は自分のスタイルでコードを書くのが好きです.フロントでもバックグラウンドでも、できるだけコードのバックアップができるようにしています.ある日、コードを変更するつもりはありません.その時、問題に気づかなかったかもしれません.ある日問題が発生して、前のある時点のコードに戻ることができて、それはいくつかの問題を探すことができて、私が今日出会ったこのような問題のように、他の解決方法がないわけではありません.私の解決策は以前のコードに戻ることです.以前は問題なかったことを覚えています.よくチェックしてから、このヘッダー情報を変更したことに気づきました.
このツールについて私は今eclipseのshow local historyしか知らない!この機能は保存するたびにバックアップされ、非常に強力で、ローカルマシンに保存されています.
あるプロジェクトはよくやっていて、テストの时に一歩一歩気をつけて、しばらくしてから、前の完成した机能に问题があることに気づきました.
まず、問題のある機能について説明します.
スクロールバーのドロップダウンロードをするときに使うネットで探す方法
$(window).scroll(function(){
if($(document).scrollTop()>=$(document).height()-$(window).height()){
alert("aa");
}
});
スクロールバーが表示されると、スクロールバーをドロップダウンするとイベントが発生し、イベントにロードするWebコンテンツを追加することができます.多くのWebサイトでは、画像サーバの圧力を節約するために使用されています.
しかし、今日はieの上で正常に動作していることを発見して、googleと火狐の上で走るのは正常ではありません.ずっと使っていたieテストなので、その時どこを直したらこのエラーが出るか分からず、エラーが発生した場合は以下のようになります.
正常な状況は
スクロールバーが最後までスクロールすると、イベントがトリガーされ、必要なコンテンツをロードできます.$(document)です.scrollTop()>=$(document).height()-$(window).Height()は、スクロールバーの高さがウィンドウの高さより大きい場合-ドキュメントの高さで、このイベントがトリガーされ、上図に示す効果がすべて表示されることを意味します.
しかし、後でエラーが発生した場合は、次のようになります.
スクロールバーがどのように動いてもこのイベントがトリガーされます
この2つの値が後で印刷されます.この$(document)が見つかりました.height()と$(window).height()という2つの値はgoogleとfirefoxで同じ値なのに、ieではまた違っています.つまり、スクロールバーがどのように動いても、この判断条件は常に成立しているので、ieでは大丈夫で、他のブラウザでは正しくない場合があります.
解決策:
もしあなたが私と同じようにこれを変えてやっと問題が発生したら、それはこの原因です.
変えたんだ
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">http://www.w3.org/1999/xhtml ">
に変更されました
最後に改めて,この問題は解決した.
つまり$(window).height()の値は正常で、本当に穴のお父さんの問題です
ps:私は自分のスタイルでコードを書くのが好きです.フロントでもバックグラウンドでも、できるだけコードのバックアップができるようにしています.ある日、コードを変更するつもりはありません.その時、問題に気づかなかったかもしれません.ある日問題が発生して、前のある時点のコードに戻ることができて、それはいくつかの問題を探すことができて、私が今日出会ったこのような問題のように、他の解決方法がないわけではありません.私の解決策は以前のコードに戻ることです.以前は問題なかったことを覚えています.よくチェックしてから、このヘッダー情報を変更したことに気づきました.
このツールについて私は今eclipseのshow local historyしか知らない!この機能は保存するたびにバックアップされ、非常に強力で、ローカルマシンに保存されています.