console.log(document.body.scrollTop);滑动距顶部距离 console.log(document.documentElement.scrollTop); console.log(document.body.scrollHeight);文档高度,包括可滑动的部分 co ...
分类:
其他好文 时间:
2016-10-21 19:16:06
阅读次数:
101
好好看看下面那张图,基本上就没啥问题了! scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 ...
分类:
其他好文 时间:
2016-10-17 20:38:03
阅读次数:
166
clientHeight , scrollHeight , offsetHeight相信每个人都用过,可是每次用都要查一下到底哪个是文档大小哪个是视口大小,还有头疼的兼容问题。 先来官方的了解一下这三个属性: clientHeight:元素客户区的大小,指的是元素内容及其边框所占据的空间大小(经过实 ...
分类:
其他好文 时间:
2016-10-15 18:58:21
阅读次数:
110
marquee的属性: innerHTML: 设置或获取位于对象起始和结束标签内的 HTML scrollHeight: 获取对象的滚动高度。 scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶 ...
分类:
Web程序 时间:
2016-10-02 19:38:47
阅读次数:
195
今天再次遇到了offset***、client***、scroll***的这三类属性的问题,总是混淆,现归纳总结如下: 大体上来说可以这样理解: client***属性(clientWidth、clientHeight): 表示元素可以看到内容的可见区域部分,一般是最后一个对象条以下到状况栏以上的这 ...
分类:
Web程序 时间:
2016-09-30 15:03:30
阅读次数:
114
1.top 此属性仅仅在对象的定位(position)属性被设置时可用。否则,此属性设置会被忽略。 代码如下: <div style=" position:absolute; width:100px; height:100px;"> <p style=" position:absolute; top ...
分类:
其他好文 时间:
2016-09-22 09:59:55
阅读次数:
192
早上本来想研究昨天晚上携程的那道题目的,但是感觉不知道如何下手,就研究了下如何实现无限滚动加载数据。 以前项目里也用到过,不过是别人封装好的,我只需要调用就好了。自己做还是遇到了点小问题。 1、如何确定滚动条的位置,其实想通了很简单的,就是利用scrollHeight和scrollTop以及可视区的 ...
分类:
其他好文 时间:
2016-09-18 11:46:36
阅读次数:
166
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中 ...
分类:
其他好文 时间:
2016-09-15 12:29:32
阅读次数:
113
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中 ...
分类:
Web程序 时间:
2016-09-12 14:13:25
阅读次数:
348
在html里,width与height是最常用也是最基础的两个属性,因此,在js里,我们也经常需要操作这两个属性。js关于这两个属性提供了client*,offset*与scroll*,很多同学搞不清楚这三者之间的区别,经常望着这三个属性满脸问号,不知道该用哪个。所以今天就来看一下这三个属相的区别。 ...
分类:
其他好文 时间:
2016-08-30 19:26:16
阅读次数:
220