常见效果实现之返回顶部(结合淡入、淡出、减速滚动)_javascript技巧
程序员文章站
2022-05-18 10:56:27
...
在性能方面考虑了由于连续触发onscroll事件,频繁调用回调函数而产生的性能问题。可以将回调函数缓存一段时候后执行,即当这段时间内多次触发了onscroll事件,但回调函数只会执行一次。
结合淡入/淡出/减速运动效果实现的返回顶部功能
返回顶部
兼容性和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模拟。不过很有很多网站都它进行了降级处理。
复制代码 代码如下:
返回顶部
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模拟。不过很有很多网站都它进行了降级处理。