$(window).scroll(function () { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if ( ...
分类：
Web程序 时间：
2019-01-28 13:59:41
阅读次数：
134
输入框景背景透明： 鼠标划过输入框，输入框背景色变色： 输入字时输入框边框闪烁(边框为小方型)： 输入字时输入框边框闪烁(边框为虚线)： 自动横向廷伸的输入框： 自动向下廷伸的文本框： 80) this.style.posHeight=this.scrollHeight+5">输入几个回车试试 只有... ...
分类：
Web程序 时间：
2019-01-23 17:35:22
阅读次数：
267
$("input,select").blur(function(){ setTimeout(function () { var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; win ...
分类：
移动开发 时间：
2019-01-22 21:55:33
阅读次数：
344
先分别介绍以下，以下资料来自MDN HTMLElement.offsetHeight 是一个只读属性，它返回该元素的像素高度，高度包含该元素的垂直内边距和边框，且是一个整数。 Element.clientHeight 是一个只读属性，它返回该元素的像素高度，高度包含该元素的垂直内边距和边框，且是一个 ...
分类：
其他好文 时间：
2019-01-18 00:54:34
阅读次数：
260
判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。 从这个三个属 ...
分类：
Web程序 时间：
2018-12-26 17:53:19
阅读次数：
198
每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性，单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下：clientHeight和offse ...
分类：
其他好文 时间：
2018-12-26 16:47:51
阅读次数：
127
首先，这些都是dom节点的属性。 高宽属性：clientHeight：html元素不含border的高度。 对于box-sizing不同的情况，有些地方需要注意一下。当box-sizing为content-box的时候，clientHeight实际上相当于height+padding。当box-si ...
分类：
其他好文 时间：
2018-12-07 18:21:56
阅读次数：
230
clientWidth/clientHeight/clientTop/clientLeft offsetWidth/offsetHeight/offsetLeft/offsetTop/offsetParent scrollWidth/scrollHeight/scrollTop/scrollLeft ...
分类：
其他好文 时间：
2018-12-02 20:07:27
阅读次数：
143
一、clientX和clientY 事件发生时，鼠标距离浏览器的可视区域的X、Y轴的位置，不包含滚动条的区域的部分。就算是页面进行了滚动，鼠标的坐标值还是参考可视区域的。 二、offsetLeft和offsetTop 事件源元素相对于父节点的偏移的像素值。 三、offsetWidth和offsetH ...
分类：
其他好文 时间：
2018-10-29 15:59:58
阅读次数：
162
$(window).scroll(function() { var s =$(window).scrollTop(); console.log(s); var h = document.documentElement.scrollHeight || document.body.scrollHeigh ...
分类：
其他好文 时间：
2018-10-19 02:04:25
阅读次数：
110
