HTML如何制作返回顶部,制作网页如何做出“返回顶部”图标并固定在页面右下的位置？...

最新推荐文章于 2022-11-04 11:23:15 发布

刀郎君

最新推荐文章于 2022-11-04 11:23:15 发布

阅读量669

点赞数

文章标签： HTML如何制作返回顶部

本文介绍了如何在网页中创建一个‘返回顶部’图标，并使其始终固定在页面右下角。通过JavaScript函数SCROLLvargoToWhere，利用定时器和滚动速度控制元素平滑滚动至顶部。此方法适用于网页滚动优化。

摘要由CSDN通过智能技术生成

制作网页如何做出“返回顶部”图标并固定在页面右下的位置？

2020 - 9 - 26 TAG :

SCROLL vargoToWhere=function(where){ varme=this; clearInterval(me.interval); me.site=[]; vardom=!/.*chrome.*/i.test(navigator.userAgent)?document.documentElement:document.body; varheight=!!where?dom.scrollHeight:0; me.interval=setInterval(function() { varspeed=(height-dom.scrollTop)/16; if(speed==me.site[0]) { clearInterval(me.interval); returnnull; } dom.scrollTop+=speed; me.site.unshift(speed); },16);}; 5