众所周知,各种浏览器对于HTML、CSS以及原生JS的支持不尽相同。但是jQuery很好地封装了各种浏览器不同的实现,能够很好地解决跨浏览器的CSS问题。下面就是在review表单操作的时候的一个DEMO,这个如果添加动画效果会更好,jQuery所有的动画效果都是可以通过animate函数来实现,这里用到了一个CSS属性,scrollTop属性,是当前的滚动条距离上边距的而距离,此外,还在css中...
分类:
Web程序 时间:
2014-07-24 23:03:33
阅读次数:
358
E/FF/Chrome下document.documentElement和document.body的 scrollHeight/scrollTop/clientHeight 以及判断滚动条是否已拉到页面最底部DTD已声明IEdocument.documentElement.scrollHeight...
分类:
Web程序 时间:
2014-07-18 10:39:51
阅读次数:
265
反复用到却一直记不住...var a = $(window).height() //设备的高度var b = $(window).scrollTop() //滚动的高度var c = $(document).height() //整个文...
分类:
Web程序 时间:
2014-07-18 00:15:51
阅读次数:
175
如果你有一个div用来做输出控制台,因为内容是不断增加的,那你自然希望这个div或textarea能永远显示最下面一行:var el = document.getElementById('someid');el.scrollTop = el.scrollHeight;你在setTimeout之类的时...
分类:
Web程序 时间:
2014-07-16 23:18:51
阅读次数:
250
示例:屏幕右侧悬浮框原理:oDiv.style.top = document.documentElement.clientHeight - oDiv.offsetHeight + scrollTop + "px";知识点:浏览器窗体的高度document.documentElement.client...
分类:
Web程序 时间:
2014-07-16 18:15:40
阅读次数:
284
1,事件对象 e || window.event //ie 2, 取鼠标点击坐标 带有滚动条的 var top = document.documentElement.scrollTop || document.body.scrollTop;//chorme var x = top + e.clien...
分类:
Web程序 时间:
2014-07-16 17:05:32
阅读次数:
279
先搞offsetTop,最难懂的就是它了 官方解释:返回当前元素的上边界到它的包含元素的上边界的偏移量,以像素为单位。这真TM坑爹啊!有木有!经过仔细研究查找得出结论:offsetTop是相对于离它最近的具有绝对或相对定位的父级元素的距离,有点绕口是不是?别急,咱慢慢剥开它...首先一定要明...
分类:
其他好文 时间:
2014-07-06 21:42:04
阅读次数:
192
$("html").scrollTop(100);//火狐IE下可以(火狐IE不用在服务器下测试)
$("body").scrollTop(100);//谷歌内核的浏览器360和谷歌(服务器下测试) 这样写才行,谷歌内核的浏览器因为js中好多方法为了确保安全必须要在服务器下测试才行
$("html,body").scrollTop(100);//所以这样写才兼容...
分类:
Web程序 时间:
2014-07-06 08:19:29
阅读次数:
195
如下图所示。A,B两区域为不动区域,既不随着滚动条的滚动而移动。C区域为异步加载内容区域,在C区域中,点击查询按钮,需要异步加载查询 结果。但是查询结果会很长,这样子,就需要向下滑动滚动条,用户体验不是很好。所以决定点击查询按钮后,页面自动的向下滚动。所以使用了scrollTop 这个方法具体代码只...
分类:
Web程序 时间:
2014-07-01 20:59:37
阅读次数:
288
document.body.clientHeight:body对象的高度document.documentElement.clientHeight:指可见区域的高度获取元素中滚动条的垂直偏移可以写成:var top = document.documentElement.scrollTop || do...
分类:
其他好文 时间:
2014-06-27 17:03:46
阅读次数:
202