Encountered a problem such as:
There is a project to do well, the test step-by-step carefully, after doing a period of time, found that the previous completion of the function out of the question
First, describe the function of the problem:
A way to find the web when you do a scroll bar drop load
$ (window). Scroll (function () {
if ($ (document). ScrollTop () >=$ (document). Height ()-$ (window). Height ()) {
Alert ("AA");
}
});
When we show the scroll bar, we can create events by pulling the scroll bar down so that we can add the contents of the page that we need to load in the event, and many websites do this to save the pressure on the picture server.
But doing it today is found to run normally on IE, running on Google and Firefox is not normal. Because of the use of IE testing, so, do not know where the change will lead to this error, error occurs as follows
The normal situation is
When the scroll bar hits the bottom, it triggers the event, so I can load what I need because $ (document). ScrollTop () >=$ (document). Height ()-$ (window). Height () means When the scroll bar height is greater than the height of the window-the height of the document, the event is triggered, and all the effects shown above are seen!
However, the following error occurred:
This event will be triggered regardless of how the scroll bar moves.
These two values are printed later: this $ (document) is found. Height () and $ (window). Height () The two values in Google and Firefox are the same value, in IE is different, that is, no matter how the scroll bar, This judgment condition is always set up, so there is nothing on IE, other browsers appear incorrect.
Solution:
If you've changed the same thing as I did, then that's the reason.
I changed it.
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
Changed it into
Finally, the problem is solved.
That is, $ (window). The value of height () is normal, it's a question of pit dad.
PS: I am a like to write the code according to their own style, whether it is the foreground or backstage, as far as possible to do the code backup, when the day has no intention to change the code, then may not find the problem. When there is a problem, the code that can fall back to a point in time, you can look up some problems, like the problem I'm having today, and there's no other way around. My solution is to fall back to the previous code, because I remember the previous piece is no problem, all carefully checked only to find that the change of the head information
All I know about this tool now is Eclipse's show, local history! This feature is backed up once every time it is saved, and is very powerful and is stored on the local machine.