首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍(转)

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight:获取对象的滚动高度 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离...scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对与版面或由父坐标offsetParent...属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置...题目1:offsetTop 与 style.top 的差别 筹办常识:offsetTop、offsetLeft、offsetWidth、offsetHeight 我们知道 offsetTop 可以获得...一向以来对offsetLeft,offsetTop,scrollLeft,scrollTop这几个办法很含混,花了一天的时候好好的进修了一下.得出了以下的成果: 1.offsetTop     : 当前对象到其上级层顶部的间隔

7.8K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    scrollTop与offsetTop研究

    虽然我是做后台出身的,但最近心血来潮越来越关注前台技术了^_^,前二天看了“司徒正美”先生的图片无缝滚动分析后,对于scrollTop和offsetTop这二个以前一直没搞太明白的属性研究了一番,大致弄明白了...style type="text/css"> .outer{}{ position:relative; /**//*为了兼容IE8,FF3.5,Chrome2,本例中如不加这一行,item2.offsetTop...outer.scrollTop ++ ; result.innerHTML = "container.scrollTop=" + outer.scrollTop + ",item2.offsetTop...=" + item2.offsetTop; } 代码很简单,一个100px的正方形div,border边框值为15px,overflow设置为hidden(隐藏),然后里面放了二个...为了更形象,二个子div上面还放置了一行文字,高度为18px,点击按钮后,最下面绿色子div的scrollTop递增加1(即位置不断升高,直至完全呈现出来) 为方便理解,还画了一个分析图:(值得注意的是offsetTop

    1.3K50

    前端如何获取当前时间_js 获取年份

    前端js获取当前时间的方法: var time = new Date(); time.getYear(); //获取当前年份 time.getFullYear(); //获取完整的年份(4位,1970...time.getMonth(); //获取当前月份(0-11,0代表1月) time.getDate(); //获取当前日(1-31) time.getDay(); //获取当前星期X(0-6,0代表星期天...) time.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) time.getHours(); //获取当前小时数(0-23) time.getMinutes(); //...获取当前分钟数(0-59) time.getSeconds(); //获取当前秒数(0-59) time.getMilliseconds(); //获取当前毫秒数(0-999) time.toLocaleDateString...(); //获取当前日期 var mytime=time.toLocaleTimeString(); //获取当前时间 time.toLocaleString( ); //获取日期与时间 为了让大家有一个更感官的了解

    34K20

    JS获取当前网址信息

    通过window.location对象获取对应的属性 1、设置或获取对象指定的文件名或路径(pathname) window.location.pathname 2、设置或获取整个 URL 为字符串(href...) window.kk 3、设置或获取与 URL 关联的端口号码(port) window.location.port 4、设置或获取 URL 的协议部分(protocol) window.location.protocol...设置或获取 href 属性中在井号“#”后面的分段(hash) window.location.hash 设置或获取 location 或 URL 的 hostname 和 port 号码(host)...window.location.host 设置或获取 href 属性中跟在问号后面的部分(search) window.location.search 获取变量的值(截取等号后面的部分) window.location.search.substring...2、通过正则表达式准确的获取我们需要的参数。

    13.8K30
    领券