After testing, you can also, there are no problems in IE6, IE7, FIREOFX and so on! There is no problem when the window is reduced!
Copy codeThe Code is as follows:
<Script language = "JavaScript" type = "text/javascript">
Function test (){
Var infoHeight = document. getElementById ("info"). scrollHeight;
Var bottomHeight = document. getElementById ("bottom"). scrollHeight;
Var allHeight = document.doc umentElement. clientHeight;
Var bottom = document. getElementById ("bottom ");
If (infoHeight + bottomHeight) <allHeight ){
Bottom. style. position = "absolute ";
Bottom. style. bottom = "0 ";
} Else {
Bottom. style. position = "";
Bottom. style. bottom = "";
}
SetTimeout (function () {test () ;}, 10 );
}
Test ();
</Script>
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <meta http-equiv =" content-Type "content =" text/html; charset = UTF-8 "/> <title> www.jb51.net script home </title> <style> * {margin: 0; padding: 0} # info {background: #33 CCFF }# bottom {background: # FFCC00; width: 100% ;}</style> </pead> <body> 22222222222222222222222222220000 bottom </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]