使用jQuery简单实现返回顶部的一个小案例

1.简单写一个页面

首先我们应该创建两个盒子,container盒子主要模拟页面滚动到的位置,back盒子主要功能是实现返回顶部的功能

使用jQuery简单实现返回顶部的一个小案例

2.简单的对这两个盒子写一些样式

我们应该先将返回顶部盒子隐藏(display:none)

使用jQuery简单实现返回顶部的一个小案例

我们可以看到页面是这个样子

使用jQuery简单实现返回顶部的一个小案例

3.使用jQuery简单写返回顶部的js

使用jQuery简单实现返回顶部的一个小案例

最终实现返回顶部的功能

使用jQuery简单实现返回顶部的一个小案例

上一篇:extjs使用笔记-21


下一篇:如何实现Magento产品批量导入?