scroll家族

Offset 自己的偏移

scroll 滚动的

scrollTop scrollLeft

scrollTop 被卷去的头部

它就是当你滑动滚轮浏览网页的时候网页隐藏在屏幕上方的距离

怎么得到scrollTop

页面滚动效果

window.onscroll = function() { 页面滚动语句 }

谷歌浏览器和没有声明 DTD <DOCTYPE > ：

document.body.scrollTop;

火狐和其他浏览器

scrollTo(x,y)

window.scrollTo(15,15);

方法可把内容滚动到指定的坐标。

格式：

scrollTo(xpos,ypos)

xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。

ypos必需。要在窗口文档显示区左上角显示的文档的 y 坐标

因为我们的网页大部分都没有水平滚动条，所以，这个x 不太常用。

document.documentElement.scrollTop;

ie9+ 和最新浏览器都认识

window.pageXOffset; pageYOffset （scrollTop）

兼容性写法：

时间： 2024-10-09 03:42:10

scroll家族的相关文章

js中的dom节点以及offset,client,scroll家族

一.节点. 1.父节点:parentNode; 2.兄弟节点: (1).下一个兄弟节点:nextElementSibling(在Ie中用nextSibling); (2).上一个兄弟节点:previousElementSibling(在Ie中用 previousSibling); 3.子节点: (1).选中第一个子节点:firstElementChild(在Ie中用firstChild); (2).选中最后一个子节点:lastElementChild(在ie中用lastChild); (3).选

JavaScript四大家族之scroll家族

javascript 元素对象拥有scroll家族主要属性: ScrollTop: (被滚动条卷去的头部高度) ScrollLeft: (被滚动条卷曲的左侧距离) ScrollWidth (内容实际宽度:width+padding+超出盒子的宽度) ScorllHeight (内容实际高度:height+padding+超出盒子的高度) Scroll可通过元素对象的属性ScrollTop和ScrollLeft找到它. 但整个浏览器的滚动条即document的滚动条元素归属存在兼容性问题. IE6

JSjs进阶--之JS三大家族：offset家族 Scroll家族 client家族

1.1 三大家族和一个事件对象三大家族(offset/scroll/client) 事件对象/event (事件被触动时,鼠标和键盘的状态)(通过属性控制) 1.2 Offset家族简介 offset这个单词本身是--偏移,补偿,位移的意思. js中有一套方便的获取元素尺寸的办法就是offset家族: offsetWidth和offsetHight以及offsetLeft和offsetTop以及offsetParent 共同组成了offset家族. 1.2.1 offsetWidth

javaScript动画2 scroll家族

三个函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三个函数</title> </head> <body> <script> var num =1.5; console.log(Math.ceil(num));//向上取整 console.log(Math.flo

js进阶之js三大家族:offset,scroll,client

offset与style的区别offset可以得到任意样式表中的样式值offset系列的数值没有单位offsetWidth包含padding+border+widthoffsetwidth等属性是只读属性,只能获取,不能赋值所以,我们想要获取元素大小的位置,用offset更合适stylestyle只能获取到行内样式表stylewidth获得的是带有单位的字符串style.width不包括padding和border的值style.width是可读属性,可以获取也可以赋值点语法与offset获

JS总体介绍

一. 总体介绍结合近半年来前端的项目的经验,这里梳理一下JS常用知识,方便自己日后温习查找,同时给广大JS入门者提供一些帮助,文章中如有错误,欢迎指出. 这里从JS常用事件.Dom方法.数组.Dom操作.offset专题.event家族.Scroll家族.动画.闭包.面向对象基础等方面着重介绍一套JS相对完善的前端JS体系.

JS原生第七篇（帅哥）

1.1 复习 offset 自己的偏移 offsetWidth 得到自己的宽度 offsetHeight 构成 : width + padding + border div width 200 border 3px padding-right: 15px div offsetWidth = 200 + 6 + 15 = 221 2. offsetLeft offsetTop div.offsetLeft 得到距离这个 di

【原生】---回忆---思维***链接---知识点回顾及思考

*** 1.什么是javascript ? 2.常量和变量 3.标识符的命名规范驼峰式匈牙利 4.类型基本类型字符数值布尔引用类型 object 特殊类型 : undefined null 5.运算符和表达式算术一元 ++ -- i++ 和 ++i 区别 : 二元 + 100+"90" 100-"90" 赋值 = += 关系 == === 条件 ? : 逻辑 && || ! --- 短路现象 : 真 || 不执行假 &&a

javascript三大家族：offset属性 scroll属性 client属性

(1)offset属性:1.1 offsetWidth = width + border + padding1.2 offsetHeight = height + border + padding1.3 offsetTop = 元素相对于浏览器顶部的距离1.4 offsetLeft = 元素相对于浏览器左边的距离功能:只读(获取)不写(设置)1.5 子元素的offsetTop和offsetLeft:关键看父元素是否设置了定位,若有则相对于父元素的上边框和左边框的距离:若没有则相对于浏览器顶部和左