常见效果实现之返回顶部(结合淡入、淡出、减速滚动)

在性能方面考虑了由于连续触发onscroll事件,频繁调用回调函数而产生的性能问题。可以将回调函数缓存一段时候后执行,即当这段时间内多次触发了onscroll事件,但回调函数只会执行一次。

复制代码 代码如下:





结合淡入/淡出/减速运动效果实现的返回顶部功能




返回顶部


placeholder




兼容性和bugs相关问题:
1 opacity: function(elem, val){
  if(val){//使用这种判断方式当传0,空字符串时会产生BUG 。
2:document.documentElement.scrollTop chrome取不到值 。
3: elem.style.opacity 读取不到在CSS Class中定义的值。
4:IE6不支持fixed定位,虽然可以使用absolute模拟。不过很有很多网站都它进行了降级处理。

你可能感兴趣的:(常见效果实现之返回顶部(结合淡入、淡出、减速滚动))