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

[复制链接]

摩发网

电梯直达

楼主

发表于 2016-12-14 09:43:37 | 只看该作者回帖奖励

|倒序浏览 |阅读模式

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

收藏0 转播分享 淘帖0 支持0 反对0

使用道具举报

返回列表

GMT+8, 2025-5-22 18:29 , Processed in 0.421201 second(s), 18 queries , Wincache On.

		自动登录	找回密码
密码			立即注册

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

浏览过的版块