`
liujiawinds
  • 浏览: 136266 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

scrollTop 和 scrollHeight的意思

 
阅读更多

今天要用到实时显示最近更新内容,也就是要让对话框随时都在最底部。

查了一下,

用div.scrollTop=div.scrollHeight;就可以了。

又查了查这两个参数什么意思。stackoverflow上面有人是这样解答的。


If I scroll down 5px in this window, the window's scrollTop value is 5. If I scroll right 10px in a scrollable div, the div's scrollLeft value is 10.

When I scroll to the top left corner of this window, both its scrollTop and scrollLeft values are 0.

还有一个人作了补充: scrollTop and scrollHeight. In summary, scrollTop is how much it's currently scrolled, and scrollHeight is the total height, including content scrolled out of view.

总的来说,scrollTop就是卷起来的部分,也就是我们随着下拉,看不见的部分。scrollHeight就是整个窗口可以滑动的高度。

分享到:
评论

相关推荐

    scrollTop-scrollHeight-offsetHeight.html 滚动滚动条 相应的值自动改变

    滚动滚动条 相应的值自动改变 对scrollTop scrollHeight offsetHeight不了解的 快下下来 学习吧 打开html一看 你就知道什么意思了 还能看源码 滚动滚动条 相应的值自动改变

    根据例子来理解scrollHeight,clientHeight,scrollTop的区别

    在本文中,我们将深入探讨与页面布局相关的三个关键概念:`scrollHeight`、`clientHeight` 和 `scrollTop`。这些属性对于前端开发人员来说非常重要,尤其是在处理动态网页元素时。通过一个具体的示例代码,我们可以...

    火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

    在探讨“火狐、谷歌、IE关于`document.body.scrollTop`和`document.documentElement.scrollTop`以及值为0的问题”这一主题时,我们深入分析了浏览器在处理页面滚动位置时的不同行为,尤其是当滚动位置值始终为0时的...

    entHeight、offsetHeight 和 scrollHeight

    在JavaScript中,`...总的来说,理解和掌握`clientHeight`、`offsetHeight`和`scrollHeight`的差异是进行JavaScript页面交互和布局优化的基础,它们提供了对网页内容可视部分、总尺寸以及可滚动部分的精确控制。

    document.body.scrollTop用法

    - 使用 `event.clientX` 和 `event.clientY` 获取鼠标相对于视口的位置,但若想得到相对于整个文档的位置,则需加上 `document.documentElement.scrollTop` 或 `document.documentElement.scrollLeft`。 ```...

    js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍

    在JavaScript中,处理页面元素的位置和尺寸时,经常会用到几个关键属性,如`scrollHeight`、`scrollWidth`、`scrollLeft`和`scrollTop`。这些属性在不同的场景下有着各自独特的用途,理解它们之间的差异是进行网页...

    页面位置 top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHe

    例如,通过`scrollTop`和`scrollHeight`可以判断元素是否已滚动到底部,从而触发加载更多内容的事件。而`offsetTop`和`offsetHeight`则可用于计算元素在屏幕中的位置,实现如悬浮按钮等效果。理解并熟练运用这些属性...

    vue项目设置scrollTop不起作用(总结)

    当需要在某些异步操作之后修改DOM属性,比如滚动位置时,应该利用Vue提供的生命周期钩子和方法来保证操作的顺序性和准确性。本文提供了一种常见问题的解决方案,并详细说明了如何在Vue项目中正确地使用滚动功能。...

    js中scrollTop()方法和scroll()方法用法示例.docx

    3. **动态内容加载:** 结合`scrollHeight`和`scrollTop`,可以实现在用户接近底部时自动加载更多内容的功能。 #### 六、注意事项 - 当处理跨浏览器兼容性问题时,需要注意不同浏览器对`scrollTop`的支持情况可能会...

    07-offsetHeight-scrollHeight-clientHeight-区别.md

    总结来说,offsetHeight和offsetWidth关注的是元素的边界,而clientHeight和clientWidth关注的是元素内容的大小,scrollHeight和scrollWidth关注的是元素内容的实际大小。理解这些概念,对于编写符合布局需求的CSS...

    scrollLeft,scrollTop等等详解[定义].pdf

    总结一下,`scrollLeft`、`scrollTop`、`offsetTop`、`offsetLeft`、`clientHeight`、`offsetHeight`和`scrollHeight`是Web开发中的核心属性,它们帮助开发者精确控制和响应网页元素的滚动和布局,是构建交互性更强...

    js中scrollTop()方法和scroll()方法用法示例

    在JavaScript中,处理页面滚动是非常常见的任务,而`scrollTop()`和`scroll()`方法是实现这一功能的关键工具。这两个方法主要用于获取或设置元素的滚动位置,特别是在进行页面布局和交互设计时。 首先,`scrollTop...

    Js中关于top、clientTop、scrollTop、offsetTop.pdf

    六、clientHeight、offsetHeight 和 scrollHeight 属性 clientHeight 属性用于获取 HTML 元素的可视区域的高度。offsetHeight 属性用于获取 HTML 元素的高度,包括边框和padding。scrollHeight 属性用于获取 HTML ...

    让textarea控件的滚动条怎是位与最下方

    让textarea控件的滚动条滚动到最...让textarea控件的滚动条滚动到最下方可以使用多种方法,包括使用scrollTop属性、range对象、scrollTop和scrollHeight属性等。开发者可以根据实际情况选择合适的方法来实现此功能。

    Js中 关于top、clientTop、scrollTop、offsetTop等

    尤其是在处理复杂的网页布局时,正确理解和使用`top`、`clientTop`、`scrollTop`、`offsetTop`等属性对于实现精确的页面操作至关重要。下面将详细介绍这些属性的概念、用法以及它们之间的区别。 ### 1. `clientTop`...

Global site tag (gtag.js) - Google Analytics