首页 > 网页特效 > 其它特效 > 纯CSS实现的返回顶部和返回底部的特效代码

纯CSS实现的返回顶部和返回底部的特效代码

时间:2012-07-15    来源:懒人图库

此效果是模仿QQ音乐返回顶部和返回底部代码,使用了锚点最基本的功能,无JS,保证了最快的加载速度。(牺牲掉了原来鼠标移上缓缓滚动的效果)

兼容:IE6 7 8  Firefox Chrome

锚点为空时,IE6下无法跳转到锚点,所以加了空格符   代替。

另,IE6下被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的办法是在 CSS 文件中加入:

*html{
background-image:url(about:blank);
background-attachment:fixed;
}

特效推荐

热门特效