遇到一个这样的问题：

　　有个项目做的好好的，测试时一步一步小心过来，做了一段时间后，发现前面的完成的功能出了问题了

　　首先描述下出问题的功能：

做滚动条下拉加载的时候用的网上找的一种方法

$(window).scroll(function(){

      if($(document).scrollTop()>=$(document).height()-$(window).height()){

  　　 alert("aa");

   }

 });

　　

当我们出现滚动条时，把滚动条下拉就可以产生事件，这样我们就可以在事件中添加需要加载的网页内容，许多网站都是这样做用来节省图片服务器压力。

但今天做着做着发现在ie上面运行正常，在google和火狐上面跑就不正常了。因为一直用的ie测试的，所以，不知道当时改了哪里会引出这个错误，错误出现情况如下

正常情况是

当滚动条到底部时，才触发事件，我这样就可以加载我所需要的内容了，因为$(document).scrollTop()>=$(document).height()-$(window).height()的意思是当滚动条高度大于窗口高度时-文档高度时，就触发该事件，所有就看到了上图所示的效果！

但后面出现错误的情况是：

无论滚动条怎么动都会触发这个事件

后面打印出这两个值：发现这个$(document).height()  和 $(window).height() 这两个值在 google 和 firefox里的值竟然是一样的，在ie中却又不同，也就是不管滚动条怎么动，这个判断条件始终成立，所以出现了ie上没事，其他浏览器出现不正确的情况。

解决办法：

如果你和我一样都是改了这个才出了问题，那么就是这个原因了

我是改了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

改成了

<html lang='zh-CN' xml:lang='zh-CN' xmlns='http://www.w3.org/1999/xhtml'>

最后改回来，这个问题就解决了

也就是$(window).height()的值正常了，真是坑爹的问题

ps：我是一个喜欢按照自己风格来写代码，不管是前台还是后台，尽量做到能代码备份，当某天无意改了代码，当时可能没发现问题。当某天出了问题了，能回退到前面某一个时间点的代码，那便可以查找一些问题，像我今天遇到的这种问题，也不是没有其他解决办法。我的解决办法就是回退到以前的代码，因为我记得以前这块是没问题的，所有仔细核对后才发现是改了这个头部信息

关于这种工具我现在只知道eclipse的 show local history！这个功能在每保存一次的时候就备份一次，功能非常强大，是保存在本地机器上面的

随机推荐

  1. js 正则之检测素数

    原文:js 正则之检测素数 相信很多人应该看过这篇文章,我第一次看到的时候是11年的样子,那时候学vbs的时候看过这个问题.原文<检查素数的正则表达式>,在文章里已经解释了他是怎么判断的, ...

  2. 使用 COM 风格的编程接口

    使用COM 风格的编程接口 假设不直接使用 COM 库.不创建自己的包装.那么更可能的是使用 COM 风格的编程接口.这是由于如今很多开发商公布应用程序时.提供了首选的互操作程序集(Primary I ...

  3. [顶]ORACLE PL/SQL编程详解之二：PL/SQL块结构和组成元素(为山九仞，岂一日之功)

    原文:[顶]ORACLE PL/SQL编程详解之二:PL/SQL块结构和组成元素(为山九仞,岂一日之功) [顶]ORACLE PL/SQL编程详解之二: PL/SQL块结构和组成元素(为山九仞,岂一日 ...

  4. SQL点滴32—Excel中CONCATENATE函数生成SQL语句

    原文:SQL点滴32-Excel中CONCATENATE函数生成SQL语句 当拿到一个Excel的时候需要将这里面的数据插入到数据库里面,该怎么办,除了使用SSIS数据导入之外还可以使用Excel中的 ...

  5. PCL点云库中怎样读取指定的PCD文件，又一次命名，处理后保存到指定目录

    我一直想把处理后的pcd文件重命名,然后放到指定的目录,尝试了好久最终做到了: 比方我想读取  "table_scene_lms400.pcd" 把它进行滤波处理,重命名为 &qu ...

  6. MVC的TryUpdateModel

    MVC的TryUpdateModel 我们在使用MVC的时候,给model赋值只需要 TryUpdateModel(model) 就搞定了,而在webForm,winForm中,我们要写长长的 xx. ...

  7. 将DataTable内容导出到Excel表格的两种方法

    方法一:循环DataTable单元格内容拼接字符串,利用StreamWriter的Write方法将字符串写入Excel文件中 这种方法很实现很简单.拼接字符串时,每个单元格之间添加'\t'(表示一个占 ...

  8. Node填坑教程——HelloWorld

    环境安装(极简): Node需要的环境可以说及其简单,也可以说及其复杂.为什么这么说呢? 如果里只需要运行环境那么到Node官网下载一个包就行了.里面自带npm管理工具,这是包管理工具,以后会频繁的使 ...

  9. C++中文件的操作

    #include <iostream> #include <fstream> using namespace std; int main() { char s[27],m[27 ...

  10. 不是技术牛人，如何拿到国内IT巨头的Offer【转】

    转:http://blog.csdn.net/lsldd/article/details/13506263 不久前,byvoid面阿里星计划的面试结果截图泄漏,引起无数IT屌丝的羡慕敬仰.看看这些牛人 ...