可以使用相当于浏览器定位css样式中写入position fixedright 20pxbottom 100px 相当于浏览器右边20px，浏览器底部100px的距离的定位fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过quotleftquot quottopquot quotrightquot quotbottomquot 属性进行定位。

下面的例子是缓慢回顶如果将快速回顶，可以直接让scrollTop = 0就可以了 bodyheight5000px input positionfixed bottom0px right0px windowonload=function var oBtn = documentgetElementById#39btn#39 var timer = null var bFlag = fal。

JS实现返回到顶部的五种方法使用默认链接锚点这种方法最为简单，只需在HTML中添加一个lta链接，并设置其href属性值为#34#top#34当用户点击这个链接时，页面会自动滚动到顶部这种方法依赖于浏览器的默认行为，无需额外的JavaScript代码使用scroll函数可以通过lta href=#34javascript。

将“返回顶部”这个几个字改成下面代码即可。

通常情况下指上下滚动条滚动需要注意的是，浏览器一旦检测到滚动条发生滚动，就可以触发 onscroll 事件，而无需等到滚动行为结束下面的例子演示了一个极普遍的应用利用 onscroll 事件检测滚动条位置，当向下滚动到一定位置时，在页面右下角会出现“返回顶部”的锚链接，以方便网站用户快速返回顶部。

JavaScript用于实现网页的动态功能，如轮播图页面跳转视频播放控制一键返回顶部侧边栏电梯导航等通过JS代码，增强网页的互动性和趣味性额外建议响应式设计确保网页在不同设备和屏幕尺寸上都能良好显示，提升用户体验SEO优化在网页中合理使用关键词meta标签等，提高网页在搜索引擎中的。

网站的网页中都有返回顶部的功能，就是当用户访问网页时，可以迅速的返回顶部也许会有人觉得这个功能很简单，没有什么说的，但据我目前所知，就有五种方法实现这个功能而且不同的方法能实现的效果也是有所不同的下面介绍下这些方法网页中“返回顶部”的html代码有好几种不同的编写方式1简单。