Jquery-无法有效获取当前窗口高度
今天碰到个很奇怪的事情,那就是滚动条往下滚动时候没有触发提示,反而是往上滚动的时候,触发了提示。百思不得其解,尤其是拿了美工大大的切图过来,一点问题都没有。
那么就进行console.log输出查看了。图一是异常的,图二正常的。按理windowHeight获取到的值应该如图二中的667而不是763,scrollHeight也不会是763而是在变化的。
图1
图2
<script>$(window).scroll(function () {var scrollTop = $(this).scrollTop();var scrollHeight = $(document).height();var windowHeight = $(window).height();console.log("scrollTop:" + scrollTop)console.log("windowHeight:" + windowHeight)console.log("scrollHeight:" + scrollHeight)if (scrollTop + windowHeight == scrollHeight) {alert(1)//getNextCollection();//加载}});</script>
因为无法解释这个问题,就百度了
查到的一个文档:
http://blog.csdn.net/playboyanta123/article/details/40054645
以下为文档内容:
$(window).height() 获取的是当前可视窗口的高度,也就是用户能看到的窗口的高度,是不变的(在窗口大小不变的前提下)
$(document).height() 获取的是窗口内文档的高度,这个高度随着文档内容的高度改变而改变
当窗口滚动条滚到最低端时,$(document).height() == $(window).height() + $(window).scrollTop()。
当窗口内文档高度不足浏览器窗口高度时,$(document).height()返回的是$(window).height()。
$("body").height() 如果body没有border、margin的话,$("body").height()==$(document).height(),但是还是不建议使用这种方式去获取文档内容高度
PS:如果你发现$(window).height()值有问题,返回的不是浏览器窗口的高度,那么看看是不是网页没有加上<!DOCTYPE>声明。
如果没加的话网页会进入怪异模式,你懂的!
========================================================分割线=====================================================
那么造成这样怪异的原因就是,没有在头部添加<!DOCTYPE>声明。
这个声明一般创建的时候都有的好像。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Jquery-无法有效获取当前窗口高度相关推荐
- jq获取页面高度_通过 jQuery 获取浏览器窗口高度问题
我曾经在使用jQuery一些东西的时候碰到了这样一些奇怪的问题.例如,我尝试着用 jQuery 的 $(window).height() 来获取浏览器窗口高度,就遇到了问题. 理论上,$(window ...
- js获取window窗口高度(页面滚动条可滚动高度) - 代码篇
js中获取窗口高度的方法 取窗口滚动条滚动高度 (如下文 · 截图) 一. javascript 和 jquery代码: //原生 javascript 代码: let scrollHeight = ...
- 获取浏览器窗口高度和宽度兼容IE
代码如下 // 浏览器窗口的宽度,兼容 Internet Explorer 8, 7, 6, 5 function getClientWidth(){return window.innerWidth ...
- Vue3动态获取浏览器窗口高度
获取 使用
- jquery获取文档高度和窗口高度的例子
jquery获取文档高度和窗口高度,$(document).height().$(window).height() $(document).height():整个网页的文档高度 $(window).h ...
- js和jQuery获取浏览器窗口的高度、宽度的方法详解
有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条). 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.inn ...
- jq获取页面高度_jquery获取文档高度和窗口高度汇总
jquery获取窗口高度和窗口高度,$(document).height().$(window).height() $(document).height():整个网页的文档高度 $(window).h ...
- js获取浏览器窗口页面宽度、高度的方法 kaki 的博客
js获取浏览器窗口页面宽度.高度的方法 不多说,直接上代码 alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()) ...
- jquery获取父窗口的元素
$("#父窗口元素ID",window.parent.document).find("#man_id").val(); 对应javascript版本为windo ...
- html中js隐藏div的高度,jQuery实现获取隐藏div高度的方法示例
jQuery实现获取隐藏div高度的方法示例 发布时间:2020-09-22 19:27:55 来源:脚本之家 阅读:95 作者:zhuyangxing 本文实例讲述了jQuery实现获取隐藏div高 ...
最新文章
- python搜索大文件
- 坚持,这两个字非常重要!
- ubuntu20配置阿里源简单粗暴的方法
- 博客搬家到github啦
- rtt面向对象oopc——1.rtt定义的这些类有什么用?
- Ubuntu 16.04 install Docker 1.12.0
- oracle excel更新,excel表格的数据如何更新-如何将excel表格更新oracle数据库中数据...
- 神经元图片结构图,人脑神经元图片
- Spring Cloud(十二):Spring Cloud Zuul 限流详解(附源码)(转)
- 【看看这长尾效应】长尾效应综述
- 当你一个人扛下所有,你就懂了
- 元素滚动 scroll 系列
- Ubuntu设置开机自启动
- linux识别硬盘位置,Linux下读取硬盘的smart信息
- 【jquery】Chosen.jquery.js 插件动态加载数据问题
- 深入学习SpringMVC框架
- 【React】做一个百万答题小项目
- 阿里腾讯都到百度去挖AI大牛,百度对此却不care,为何?
- WPF自定义日期时间控件
- windows下discus的搭建
热门文章
- C#正则表达式快速入门
- velocity include
- 漫画:Bitmap算法
- 基于JWT前后端token认证
- Linux RT(1)-硬实时Linux(RT-Preempt Patch)在PC上的编译、使用和测试
- SFML图形库学习:环境部署
- excel正在等待某个应用程序以完成对象链接与嵌入操作_ES32 嵌入式开发从这里开始...
- 小 C 的数(number)(C++)
- redis命令_Redis 命令执行过程(上)
- 查看linux用户编码,linux查看服务器编码