JS回到顶部

小郭-

于 2023-04-03 21:14:12 发布

阅读量130

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/xiaoguo111222/article/details/129939808

版权

这个博客展示了如何使用JavaScript创建一个返回页面顶部的功能。HTML结构包含一个位于底部的固定定位元素，当点击该元素时，JavaScript代码将文档的滚动位置设置为0，实现页面回顶的效果。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>回到顶部案例</title>
    <style>
        .fooer{
            position: fixed;
            bottom: 0px;
            right:0px;
            margin-bottom: 15px;
            margin-right: 15px;

        }
        img{
            width: 120px;
            height: 130px;
            cursor: pointer;
        }
    </style>
</head>
<body>