返回顶部组件是一种极其常见的网页功能，需求简单：页面滚动一定距离后，显示返回顶部的按钮，点击该按钮可以将滚动条滚回至页面开始的位置,接下来通过本文给大家介绍原生JS实现平滑回到顶部组件，需要的朋友参考下吧

很多网页在下方都会放置一个“返回顶部”按钮，这样可以帮助访客重新找到导航或者重温一遍广告，于是将返回顶部功能做成了滑动效果

本例将实现这样的一个效果：下拉到一定距离后按钮才显示出来，鼠标放到按钮上时，按钮背景会变成灰色，并且图标变成了文字。点击按钮缓慢回到顶部

本篇文章主要是对javascript 回到顶部效果的实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

JavaScript简单实现网页回到顶部功能,大家可以参考一下

现在大多数网站都会添加这种功能：当滚动条滚动到页面的下方时，页面的右下角会显示出来一个“回到顶部”的按钮或连接;那么，如何控制“回到顶部”按钮的显示或隐藏呢;本文介绍详细实现方法，感兴趣的你可不要走开哦

今天测试发现IE6下用window.onscroll，每次滚动时会触发3次，而火狐、IE7没此问题，应该是IE6的一个BUG

快过年了，很多网站首页都放上了新春的祝福，有些是直接换成皮肤了，而有些则是用一张很大的图片放在网站顶部，在倒数几秒后，缓慢升上去直到最后消失。

试想一下你要在你的网站提供如下这样的功能：提供一个文本框用于收集用户数据，这个文本框只能接受整型的数值，不提供给用户手工输入，只提供两个按钮。