`
zengshaotao
  • 浏览: 779817 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

获取页面高度

 
阅读更多
$(document).height()  //是获取整个页面的高度
$(window).height()  //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的


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

 

要获取底端,只要获取scrollTop()>=$(document).height()-$(window).height()  就可以知道已经滚动到底端了;

.代码如下:

$(document).scrollTop() 获取垂直滚动的距离  即当前滚动的地方的窗口顶端到整个页面顶端的距离;
$(document).scrollLeft() 这是获取水平滚动条的距离;


例子:

.代码如下:

$(document).scroll(function(){
    $("#lb").text($(document).scrollTop());
})
<span id="lb" style="top:100px;left:100px;position:fixed;"></span><!--一个固定的span标记 滚动时-->
 
滚动到页面底端:
var showy = event.clientY+document.body.scrollTop;
$("html,body").animate({scrollTop:showy},1000);
分享到:
评论

相关推荐

    javascript 获取网页高度宽度.pdf

    以下是一些关于如何使用JavaScript获取网页高度、宽度以及滚动位置的关键知识点。 1. **获取窗口滚动位置:** - `getScrollTop()` 函数用于获取当前页面滚动条的垂直偏移量。这个函数通过检查 `document....

    Javascript 获取页面高度(多种浏览器)

    本文将深入探讨如何使用 JavaScript 在不同浏览器中获取页面高度。 首先,我们有两个基本属性可以用来获取页面的宽度和高度:`document.body.clientWidth` 和 `document.body.clientHeight`。这两个属性分别返回 `...

    javascript获取网页高度宽度.rar

    总结,JavaScript获取网页高度和宽度的方法多种多样,可以根据具体需求选择合适的方式。了解这些知识对于提升网页交互体验和实现动态布局至关重要。在教育领域,理解并熟练掌握这些技术可以帮助学生更好地构建动态、...

    js获取网页高度(详细整理)

    在JavaScript中,获取网页的各种高度是一项常见的需求,这涉及到页面布局、滚动效果以及用户交互的实现。本篇文章将详细介绍如何使用JavaScript获取网页的可见区域高度、屏幕分辨率的高度、屏幕可用工作区高度以及...

    JS实现点击按钮获取页面高度的方法

    这是一个JavaScript特效代码,点击获取网页高度,在ie6下实现position-fixed的效果,另外针对遮罩的问题(大概是做lightBox吧),个人觉得纯css法(不包括其显示/隐藏)将更适合。 运行效果截图如下: 在线演示地址...

    javascript获取页面各种高度

    通过以上介绍,我们可以看到JavaScript提供了丰富的API来获取页面的各种高度信息。在实际开发过程中,开发者可以根据具体需求选择合适的API来优化用户体验,提高网站性能。需要注意的是,在不同浏览器和操作系统中,...

    获取页面元素实际宽高的属性的使用

    这里采用了兼容性写法,确保在不同浏览器下都能正确获取页面的实际宽度和高度。 #### 总结 通过上述介绍,我们可以看到`clientWidth`、`clientHeight`、`scrollWidth`、`scrollHeight`、`offsetWidth`和`...

    javascript获取滚动条高度 页面宽度与高度

    ### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中,经常需要处理与浏览器窗口相关的操作,例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...

    ios webView获取高度

    使用`[webView stringByEvaluatingJavaScriptFromString:]`方法,可以执行任意的JavaScript代码,例如获取页面元素的高度: ```objc NSString *javaScript = @"document.body.offsetHeight"; NSString *...

    JS 获取iframe高度的静动态方法

    在JavaScript(JS)中,获取iframe(内联框架)的高度是一项常见的需求,特别是在构建富互联网应用或嵌入第三方内容时。下面将详细讲解如何静态和动态地获取iframe的高度。 一、静态获取iframe高度 1. **DOM属性...

    js获取屏幕的高度与宽度

    对于页面元素的尺寸,可以使用document.body的client系列属性来获取页面内容区域的尺寸。document.body.clientWidth和document.body.clientHeight分别返回内容区域的宽度和高度,但不包括边框和滚动条。如果想要获取...

    jQuery 获取屏幕高度和宽度

    本文将详细讲解如何使用jQuery获取屏幕的高度和宽度,这对于创建响应式网页设计或者根据屏幕尺寸调整元素布局至关重要。 首先,我们需要了解什么是屏幕高度和宽度。屏幕高度是指浏览器窗口可视区域的垂直尺寸,而...

    iFream自动获取高度

    ### iFream自动获取高度知识点解析 在网页开发过程中,iframe(内联框架)是一种常用的技术,用于在当前页面中嵌入另一个HTML文档。然而,一个常见的问题是如何让iframe自动调整其高度以适应内容的变化。这不仅可以...

    js获取文本框的值!js获取浏览器高度和宽度值.pdf

    在 Opera 中,`document.documentElement.clientWidth` 可以获取页面临象的宽度,`document.documentElement.clientHeight` 可以获取页面临象的高度。 3. 使用 `window` 对象: `window.screenTop` 可以获取网页...

    js 获取页面高度和宽度兼容 ie firefox chrome等

    在探讨如何用JavaScript获取页面的高度和宽度时,我们需要考虑不同浏览器间的兼容性问题,特别是像Internet Explorer(IE)、Mozilla Firefox(火狐)和Google Chrome(谷歌)这样的主流浏览器。由于这些浏览器对DOM...

    获取iframe子网页的Height

    然而,由于浏览器的实现差异,获取`iframe`中的子网页高度可能会遇到一些挑战,特别是在处理不同浏览器兼容性问题时。本篇将详细介绍如何在各种浏览器环境下,包括Chrome、Firefox、IE10、IE9、IE8以及IE7,获取`...

    获取浏览器高度,浏览器没有滚动条

    获取浏览器高度,用于框架页面自试应,且框架有滚动条,浏览器没有滚动条

Global site tag (gtag.js) - Google Analytics