js滚动条各个参数的含义，js控制滚动条到页面某个位置

...中scrollTop和offsetTop两个属性都代表什么意思,谢谢

scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。

这是非标准的但却得到很好支持的属性。offsetTop 返回当前元素的上边界到它的包含元素的上边界的偏移量，以像素为单位。

offsetTop是自身的y坐标；scrollTop是滚动过的y长度。

相关问答

Q1: JS有哪些属性可以判断页面是否存在滚动条

我们要判断一个div上有没有出现水平方向滚动条，只需判断 scrollWidth 是否大于 clientWidth 即可。当border为0时，使用 offsetHeight - clientHeight 可以得到水平滚动条的宽度（如果有的话）。

检查页面内容是否溢出：在页面加载完成后，检查页面的内容溢出了窗口大小，出现内容超出窗口大小，那么浏览器会自动显示滚动条。

--让内容足够多 End--$(function(){$(.d1).click(function(){alert(1)})；}) 点击div能弹出，点击滚动条不弹出，已测。

首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。

然后在JS脚本中直接设置window的onscroll事件就可以获取滚动条滚动事件了，获取后这里弹出一个窗口：打开浏览器，此时向下滚动滚动条，就会弹出窗口了。

Q2: js代码求解释和注释

到改行的末尾结束。下面是javascript单行注释实例： javascript多行注释多行注释以 /* 开始，以 */ 结尾。

// 定义一个函数，叫做addEventfunction addEvent(eventTarget， eventType， eventHandler) { // 如果eventTarget有addEventListener方法。现代浏览器都有这个方法。

这个区域的名称-- html注释的快捷键 在sublime编辑代码的时候，可以使用快捷键组合【 ctrl+shift+/ 】来注释代码。

Q3: js的onscroll、scrollTop、scrollHeight及window.scroll

1、当拖动滚动条时就会触发wrap的onscroll事件，而不是inner的onscroll事件，即这滚动条属于wrap而不是属于inner，明白这点十分重要，对下面理解的scrollTop、scrollHeight一样道理。

2、若要想判断js window.scroll是否滚动到底部，需要用的三个属性值，它们分别是：scrollTop、clientHeight和scrollHeight；scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。

3、原生JS操作：document.body.scrollTop=0；jQuery操作：$(document).scrollTop(0)；scrollY scrollY，读取页面滚动条的垂直距离，貌似只能读取不能设置（属于 window 的属性）。

4、利用scroll 事件来监听。当用户滚动指定的元素时，会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。scroll() 方法触发 scroll 事件，或规定当发生 scroll 事件时运行的函数。

Q4: 有关js中滚动条属性

1、为了增强用户体验，通过判断是否有滚动条而添加 margin-left 属性以抵消 overflow： hidden 之后的滚动条位置。

2、scrollTop属性只有DOM元素才有，window/document没有。

3、方案有2种： 第一种： 通过iframe的scrolltop属性进行位置设置 第二种： 通过jquery的scrolltop方法进行位置设置。

4、第一个方法：iframe 有一个scrolling属性，它有 auto ，yes ，no 这三个值。

5、通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

js滚动条各个参数的含义的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js控制滚动条到页面某个位置、js滚动条各个参数的含义的信息别忘了在本站进行查找喔。