js返回顶部特效代码怎么写

用js实现返回顶部的特效代码,一看看吧。

操作方法

  • 01

    获得可视区宽度。document.documentElement.clientWidth(兼容其他浏览器),或者是document.body.clientWidth(兼容火狐浏览器)。

  • 02

    用可视区的宽度减去元素本身宽度,就可以实现元素的位置位于界面右端。代码为oTop.style.left = screenw(屏幕宽度) - oTop.offsetWidth(元素宽度) +"px"。

  • 03

    用鼠标滚动页面,确定元素纵坐标,只需要用可视区高度减去元素高度,再加上滚动的距离就好了。代码为oTop.style.top = screenh (屏幕高度)- oTop.offsetHeight(元素高度) + scrolltop +"px"。

  • 04

    点击元素让页面滚动距离为0,可以写这段代码。document.documentElement.scrollTop = document.body.scrollTop =0。

(0)

相关推荐

  • 几种常用网页返回顶部代码

    一.使用HTML的锚标记最简单了 但是唯一的缺点就是样式不怎么样,会显示这个锚标记. 放置位置在标签之后随便找个地方放都可以,只要靠近顶部即可. 页面底部放置: 返回顶部 二.使用Javascript ...

  • Html网页返回顶部功能的几种实现方法

    不少网站的网页中都有返回顶部的功能,就是当用户访问网页时,可以迅速的返回顶部.也许会有人觉得这个功能很简单,没有什么说的,但据我目前所知,就有五种方法实现这个功能.而且不同的方法能实现的效果也是有所不 ...

  • HTML网页返回顶部怎么做

    我们浏览网页的时候,可以看到页面的底部会有一个"返回顶部"的图标按钮,点击它就回返回顶部,那么怎样实现返回顶部的效果呢? 操作方法 01 如图,先进行网页布局,一个content的 ...

  • QQ秀聊天框搞怪声音.特效代码

    咕噜声 javascript:void PutOn(3000513, ’U’, ’820’, 0,0, -300, 0, 0, 0, 0, 2, ’’,’101010000’) 搞怪声音 javasc ...

  • 图解Axure RP制作轮播图片、返回顶部、悬浮效果

    本篇将和大家介绍Axure RP制作轮播图片.返回顶部.悬浮效果和生成文件操作,希望对大家的工作和学习有所帮助! 操作方法 01 打开Axure RP软件,点击工程,选择页面样式编辑器,在页面样式编辑 ...

  • 淘宝店铺怎么添加返回顶部模块?

    废话不多说,马上开始添加 返回顶部模块!!! 操作方法 01 进入 店铺装修: 02 在页尾区域或网页的最下方 添加模块: 03 添加 自定义内容区模块: 04 编辑添加的自定义内容区模块: 05 插 ...

  • 广告代码怎么写 如何在网站添加图片广告代码

    有了自己的网站,网站有了流量,就可以销售产品和服务在互联网赚钱. 有很多网站本身并不销售产品和服务,也许只是一个个人博客,也许是一个信息门户站,这样的网站要盈利,就要为其他客户做广告, 而网站最常见最 ...

  • 使用div+css编写的简洁漂亮的顶部导航代码

    使用div+css编写的简洁漂亮的顶部导航代码 步骤/方法 01 首先建立一个css样式表文件,命名为:common.css,在其中添加以下CSS代码. #info{border:1px solid ...

  • 生成验证码的JS代码怎么写

    JS生成验证码这个问题现在很好解决,可是当初上学的时候很难解决,今天特意写下这篇,希望对大学党有所帮助. 操作方法 01 打开网页编辑器编写div+css代码,先把界面做好,然后再做功能,代码如下所示 ...