javascript简单实现跟随滚动条漂浮的返回顶部按钮效果

本文实例讲述了爪哇岛描述语言简单实现跟随滚动条漂浮的返回顶部按钮效果。分享给大家供大家参考，具体如下：

比较优秀的一款超过一屏高度才显示的，跟随滚动条漂浮的返回顶部按钮特效代码。

运行效果如下图所示：

完整实例代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title test/title style body { height :2000 px；}.rTop { width :100 pxh three :25 px文本对齐：居中；字号：小；线高：25 pxborder:1px固体# 999;位置：固定；右：0底部：0;边框-底部-颜色： # 333;边框-右侧-颜色： # 333;margin:5pxcursor:pointer指针指针；display : none }/style/head dydiv class=' rToP ' id=' rToP '返回顶部/div脚本窗口。on scroll=function(){ if(document。尸体。向上滚动| |文档。文档元素。滚动顶部0){文档。getelementbyid(' RTop ')。风格。display=' none ' }/脚本/正文/html更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。