setOff与scrollTop区别

原创 2017年01月03日 15:03:16
1.offsetTop     :
当前对象到其上级层顶部的距离.
不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.
2.offsetLeft    :
当前对象到其上级层左边的距离.
不能对其进行赋值.设置对象到页面左部的距离请用style.left属性.
3.offsetWidth   :
当前对象的宽度.
与style.width属性的区别在于:如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不是百分比值
4.offsetHeight :
与style.height属性的区别在于:如对象的宽度设定值为百分比高度,则无论页面变大还是变小,style.height都返回此百分比,而offsetHeight则返回在不同页面中对象的高度值而不是百分比值
5.offsetParent  :
当前对象的上级层对象.
注意.如果对象是包括在一个DIV中时,此DIV不会被当做是此对象的上级层,(即对象的上级层会跳过DIV对象)上级层是Table时则不会有问题.
利用这个属性,可以得到当前对象在不同大小的页面中的绝对位置.
6.scrollLeft    :
对象的最左边到对象在当前窗口显示的范围内的左边的距离.
即是在出现了横向滚动条的情况下,滚动条拉动的距离.
7.scrollTop
对象的最顶部到对象在当前窗口显示的范围内的顶边的距离.
即是在出现了纵向滚动条的情况下,滚动条拉动的距离.
版权声明:本文未经博主允许不得转载。

scrollTop的简单使用!

  • sidongxue2
  • sidongxue2
  • 2015年05月08日 15:01
  • 620

获取scrollTop兼容各浏览器的方法,以及绑定

$(window).unbind('scroll').bind('scroll', function () { var scrollTop = document.documentElement.sc...
  • u010423904
  • u010423904
  • 2016年07月13日 19:39
  • 832

js返回网页顶部 scrollTop用法

document.body.scrollTop用法 网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeigh...
  • lanse_my
  • lanse_my
  • 2013年10月06日 10:07
  • 42444

scroll()和scrollTop()方法——实现电商网站中的电梯导航

要想实现电商网站的电梯导航效果,首先需要了解以下知识点:jquery 事件 - scroll() 方法对元素滚动的次数进行计数,当用户滚动指定的元素时,会发生 scroll 事件。scroll 事件适...
  • zw_div
  • zw_div
  • 2015年12月30日 15:37
  • 2616

滚动页面scrollTop()

滚动页面scrollTop() *{ margin: 0; padding:0; } .div1,.div2,.div3,....
  • u010507920
  • u010507920
  • 2016年09月29日 23:28
  • 344

velocity.js实现页面滚动切换效果

今天介绍一个Javascript的小型的动画插件velocity.js,可以方便高效的开发一个具有多页面滚动切换效果的网站。浏览器支持 velocity.js支持IE8+、Chrome、Firefo...
  • u012793146
  • u012793146
  • 2015年07月07日 14:38
  • 1280

SQL中常见的时间函数

前言 在处理SQL中的时间字段时,很多初学者都忽略了SQL 自带的日期时间函数,本文大致介绍常用的日期时间函数以及时间格式的转换问题。 1. 日期时间函数 (1) 获取当前系统日期、时间 se...
  • rocket5725
  • rocket5725
  • 2013年01月10日 11:29
  • 10644

jQuery中scrollTop获取匹配元素相对滚动条顶部的偏移(此方法对可见和隐藏元素均有效。)

webrx-title /*returnTop*/   p#back-to-top{       position:fixed;       display:none;       bo...
  • lnx0307
  • lnx0307
  • 2014年10月04日 23:16
  • 1658

微信浏览器scrollTop问题

功能描述:最近要在微信上面做一个接入环信的聊天功能, 要把新收到的消息把原来的消息往上顶,因此要设置滚动条总是在最下面,因此要用到scrollTop 1、聊天消息列表: ...
  • curiouslearnerdhh
  • curiouslearnerdhh
  • 2016年07月22日 11:12
  • 3438

scrollTop在FireFox与Chrome浏览器间的兼容问题

FireFox与Chrome的scrollTop的兼容问题 直到我今天在FireFox测试时发现,火狐下页面滚动的跳转功能无法使用。 1、原生接口测试 这里先提一下: documen...
  • jiegeng2233
  • jiegeng2233
  • 2017年01月18日 18:41
  • 488
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:setOff与scrollTop区别
举报原因:
原因补充:

(最多只允许输入30个字)