jquery获取浏览器的宽度和高度怎么做的为啥$(window).width()不行呢

jq不会出现这样的问题的，检查下代码存放位置是否正确。另外您的jq是什么版本的？另外如果实在取不到那就用这个

网页可见区域宽： documentbodyclientWidth

网页可见区域高： documentbodyclientHeight

网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)

网页可见区域高： documentbodyoffsetHeight (包括边线的高)

网页正文全文宽： documentbodyscrollWidth

网页正文全文高： documentbodyscrollHeight

网页被卷去的高： documentbodyscrollTop

网页被卷去的左： documentbodyscrollLeft

网页正文部分上： windowscreenTop

网页正文部分左： windowscreenLeft

屏幕分辨率的高： windowscreenheight

屏幕分辨率的宽： windowscreenwidth

屏幕可用工作区高度： windowscreenavailHeight

屏幕可用工作区宽度： windowscreenavailWidth

。。。。

documentbodyclientWidth 用这个原生的 比jq快得快

语法： $(element) scrollTop() /$(element) scrollTop(val) ;

eg： 当匹配元素为当前页面，那么当前滚动条到整个页面顶端的距离：

var winPos =$(window) scrollTop ();

$(element) offset()top ; $(element) offset()left ;

$( window ) scroll (function(event){

});

这篇文章主要介绍了jQuery

scroll事件实现监控滚动条分页简单示例,使用ajax加载,同时介绍了(document)height()与$(window)height()的区别,需要的朋友可以参考下

scroll事件适用于window对象，但也可滚动iframe框架与CSS overflow属性设置为scroll的元素。

复制代码

代码如下:

$(document)ready(function () {

//本人习惯这样写了

$(window)scroll(function () {

//$(window)scrollTop()这个方法是当前滚动条滚动的距离

//$(window)height()获取当前窗体的高度

//$(document)height()获取当前文档的高度

var bot = 50;

//bot是底部距离的高度

if ((bot + $(window)scrollTop()) >=

($(document)height() - $(window)height())) {

//当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时；

//我们需要去异步加载数据了

$getJSON("url", { page: "2" }, function (str) { alert(str); });

}

});

});

注意：(window)height()和(document)height()的区别

jQuery(window)height()代表了当前可见区域的大小，而jQuery(document)height()则代表了整个文档的高度，可视具体情况使用

注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window)height()

随之改变，但是jQuery(document)height()是不变的。

复制代码

代码如下:

$(document)scrollTop() 获取垂直滚动的距离

即当前滚动的地方的窗口顶端到整个页面顶端的距离

$(document)scrollLeft() 这是获取水平滚动条的距离

要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了

要获取底端 只要获取scrollTop()>=$(document)height()-$(window)height()

就可以知道已经滚动到底端了

复制代码

代码如下:

$(document)height()

//是获取整个页面的高度

$(window)height() //是获取当前 也就是你浏览器所能看到的页面的那部分的高度

这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的 根据英文应该也能理解吧

自己做个实验就知道了

复制代码

代码如下:

$(document)scroll(function(){

$("#lb")text($(document)scrollTop());

})

<span id="lb"

style="top:100px;left:100px;position:fixed;"></span><!--一个固定的span标记

滚动时方便查看-->

windowscreenwidth

网页可见区域宽：

documentbodyclientWidth

网页可见区域高：

documentbodyclientHeight

网页可见区域宽：

documentbodyoffsetWidth

(包括边线的宽)

网页可见区域高：

documentbody

offsetHeight

(包括边线的高)

网页正文全文宽：

documentbodyscrollWidth

网页正文全文高：

documentbodyscrollHeight

网页被卷去的高：

documentbodyscrollTop

网页被卷去的左：

documentbodyscrollLeft

网页正文部分上：

windowscreenTop

网页正文部分左：

windowscreenLeft

屏幕

物理分辨率

的高：

windowscreenheight

屏幕物理分辨率的宽：

windowscreenwidth

屏幕可用工作区高度：

windowscreenavailHeight

屏幕可用工作区宽度：

windowscreenavailWidth

屏幕缩放因子：windowdevicePixelRatio

屏幕逻辑分辨率：windowscreenwidth

windowdevicePixelRatio

(缩放因子与物理分辨率的乘积)

原因：

当html设置了高度时，获取$(window)scrollTop(),$(document)scrollTop()获取值为0。

解决办法：

输入下列数值：

<script type="text/javascript">

$(document)ready(function() {

$(window)scroll(function(e){

var juantop=$(document)scrollTop()；

alert(juantop)；

})；

})；

</script>

$(obj)offset()top - $(window)scrollTop()。

拓展：

1、jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的 *** 作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。

2、jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的J&ouml;rn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。由于目前高校基本尚未开JavaScript的相关课程，目前jQuery的学习，使用，研究都仅限于在职Web程序员之间。

1、jquery获取滚动条高度使用scrollTop()方法。

2、首先我们新建一个长篇的HTML文档。

3、然后我们编辑JS脚本，使用scroll()方法，监听网页滚动。

4、然后我们使用scrollTop()获取垂直滚动距离。

5、然后保存文件，查看获取的垂直滚动距离即可。

以上就是关于jquery获取浏览器的宽度和高度怎么做的为啥$(window).width()不行呢全部的内容，包括:jquery获取浏览器的宽度和高度怎么做的为啥$(window).width()不行呢、JQuery监听页面滚动事件及scrollTop()，offset().top总结、请教jquery的$window.scroll事件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！