冠富商务通中文社区

标题: 纯CSS实现的返回顶部和返回底部的特效代码 [打印本页]

作者: 摩发网 时间: 2016-12-14 09:43
标题: 纯CSS实现的返回顶部和返回底部的特效代码
此效果是模仿QQ音乐返回顶部和返回底部代码，使用了锚点最基本的功能，无JS，保证了最快的加载速度。（牺牲掉了原来鼠标移上缓缓滚动的效果）
兼容：IE6 7 8 Firefox Chrome
锚点为空时，IE6下无法跳转到锚点，所以加了空格符代替。
另，IE6下被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的办法是在 CSS 文件中加入：
*html{
background-image:url(about:blank);
background-attachment:fixed;
}

欢迎光临冠富商务通中文社区 (http://gu1vhwx.nat.ipyingshe.com/news/)