代码改变世界

随笔档案-2011年05月

仿新浪微博返回顶部的js实现(jQuery/MooTools)

2011-05-01 22:09 by ※森林小居※, 1062 阅读, 收藏, 编辑
摘要: 一、引言 在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。例如: 其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮;人人网的返回顶部直接在底部的工具条上;新浪微博的返回顶部在滚动高度大于0的时候显示,且返回顶部的效果是平滑动画效果。本文的实现就是类似于新浪微博的这种效果。//zxx:新浪微博今天启用新域名weibo.com了 二、jQuery下的返回顶部功能 可以看到,如果页面有滚动高度,右下角就会有一个含有返回顶部字样的黑色背景半透明的小条条,如下图所示: 点击这里返回顶部字样的按钮后,页面就像是抹了润滑剂一样,倏地一声就滑到顶部了,同时. 阅读全文
点击右上角即可分享
微信分享提示