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)