最近用到scrolloTop()想去获取滚动条距离顶部的距离,结果只有chrome下面可以正常的获取scrollTop,结果ff和ie下这个值都等于0,使得许多效果比如屏幕滚动等等均无法正常实现。究其原因是scrollTop()在各个浏览器中的兼容性问题,在ff和ie,以及是否有doctype声明的时候都会有不同的效果。
下面是兼容各种浏览器的写法,分别为获取当前的scrollTop和设置scr...
分类:
其他好文 时间:
2014-09-11 17:17:52
阅读次数:
197
scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由...
分类:
其他好文 时间:
2014-09-10 17:21:00
阅读次数:
180
$(document).ready(function() { $("a.topLink").click(function() { $("html, body").animate({ scrollTop: $($(this).attr("href")).off...
分类:
Web程序 时间:
2014-09-04 14:40:29
阅读次数:
160
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于...
分类:
Web程序 时间:
2014-08-28 17:53:35
阅读次数:
343
1、.position()和.offset()jquery的.position()获取相对于最近的position为relative或absolute的父元素的偏移,返回.position().left和.position().top,不算上自己的margin-left;jquery的.offset...
分类:
其他好文 时间:
2014-08-26 19:08:06
阅读次数:
254
这几个属性做滚动时会经常用到,现总如下:
首先定义一个div,样式如下:
*{ margin:0px; padding:0px;}
body{ margin:0px; padding:10px; border:solid 10px #69F;}
.aa{ margin:20px auto 0px; width:100px; height:50px; overflow:auto; bor...
分类:
其他好文 时间:
2014-08-23 14:01:00
阅读次数:
163
window.pageYOffset 被所有浏览器支持除了 IE 6, IE 7, IE 8, 不关doctype的事, 注IE9 开始支持此属性。window.scrollY 被Firefox, Google Chrome , Safari支持 不关doctype的事, 注IE9 不支持此属性。在...
分类:
其他好文 时间:
2014-08-20 09:16:36
阅读次数:
286
为窗口添加滚动条事件其实非常的简单,window.onscroll=function(){};注意在获取滚动条距离的时候谷歌不识别document.documentElement.scrollTop,必须要加上document.body.scrollTop;即var scrolltop=docume...
分类:
其他好文 时间:
2014-08-17 22:38:52
阅读次数:
201