遇到一个这样的问题：

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

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

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

$(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. php中ssl开发的若干问题

    最近利用php开发ssl的相关功能,由于第一次做相关的事情,遇到了很多问题,庆幸的是最终都顺利解决了.不过相关的资料很少,都是综合了国内外的相关信息才解决的.现在整理一下,方便后来者遇到问题时解决. ...

  2. Backbone入门

    Backbone入门讲解 Backbone是一个实现了web前端mvc模式的js框架. 一种解决问题的通用方法,我们叫做模式. 设计模式:工厂模式,适配器模式,观察者模式等,推荐js设计模式这本书.设 ...

  3. ios 8 地图定位

    在xcode6在 苹果公司定位方法改变地图,谁也无法使用 错误说明:Trying to start MapKit location updates without prompting for loca ...

  4. Maven学习笔记(一) ： 简单介绍

    近期在学习<maven实战>,写点东西记录一下.^_^ 何为Maven:      Maven主要服务于基于java平台的项目构建.依赖管理和项目信息管理. Maven是优秀的构建工具: ...

  5. 用持续集成工具Travis进行构建和部署

    用持续集成工具Travis进行构建和部署 用持续集成工具Travis进行构建和部署 摘要:本文简单说明了如何使用持续集成工具Travis进行构建和部署的过程. 1. 概述 持续集成(Continuou ...

  6. 解决水晶报表提示“未知的查询引擎错误” FOR VS2010

    原文:解决水晶报表提示“未知的查询引擎错误” FOR VS2010 在VS2010环境下运行水晶报表(当然要先装上Crystal Report For VS2010), 在SetDataSource方 ...

  7. 【通过操作指针,与指针做函数參数&#39;实现字串在主串中出现的次数,然后将出现的部分依照要求进行替换 】

    #include<stdio.h> #include<stdlib.h> int strTime(const char *str1, const char *str2, int ...

  8. 《STL源代码剖析》---stl_hash_set.h阅读笔记

    STL仅仅规定接口和复杂度,对于详细实现不作要求.set大多以红黑树实现,但STL在标准规格之外提供了一个所谓的hash_set,以hash table实现.hash_set的接口,hash_tabl ...

  9. javascript 正则介绍

    1.正则直接量字符 \o NUL字符(\u000)\t 制表符\n 换行符(\u000A)\v 垂直制表符\f 换页符\xnn 由16进制nn指定的拉丁字符\uXXXX 由16进制XXXX指定的unc ...

  10. 通过改变viewport 实现网站自适应

    var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth/640; var userAgent = nav ...