你的位置:首页 > 软件开发 > Java > 怎么使用原生代码写一个返回顶部的 效果

怎么使用原生代码写一个返回顶部的 效果

发布时间:2016-08-03 23:02:25
1. 实现思路  首先在实现这个效果之前 先来描述一下这个效果  A) 返回顶部的按钮 一般会在屏幕的第二屏才会出现。 所以我们需要来判断是否到达第二屏。   B) 其次 鼠标移动上去会显示返回顶部的字样  C) 点击 返回按钮之后 会以慢慢返回上面 不会匀速 2. HTML ...

怎么使用原生代码写一个返回顶部的 效果

1. 实现思路

  首先在实现这个效果之前 先来描述一下这个效果

  A) 返回顶部的按钮 一般会在屏幕的第二屏才会出现。 所以我们需要来判断是否到达第二屏。

  B) 其次 鼠标移动上去会显示返回顶部的字样

  C) 点击 返回按钮之后 会以慢慢返回上面 不会匀速 

2. HTML 和 CSS

  怎么使用原生代码写一个返回顶部的 效果

  首先 div 表示中间页面部分 a就是一个返回顶部的按钮 固定定位在右下方。 第一屏的时候不会显示  在第二屏才会显示 使用hover 来 显示上面的说明字

  怎么使用原生代码写一个返回顶部的 效果  怎么使用原生代码写一个返回顶部的 效果

  按钮 默认 40 * 40 的 把鼠标移动上去之后 就会显示下面的 40部分。

3. js部分 

  首先我们获取到 滚动条到顶部的高度。那我们怎么控制它的高度 。我们可以直接给它赋值 就是一个数字 这样会滚动条识别到这个数字之后就会滚动到相应的位子。 

原标题:怎么使用原生代码写一个返回顶部的 效果

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录