首页 > 代码库 > 解决点击空<a>标签返回页面顶部的问题

解决点击空<a>标签返回页面顶部的问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p{
            font-size: 400px;
        }
    </style>
</head>
<body>
<p>?</p>
<a href="http://www.mamicode.com/#">点击</a>
</body>
</html>

上面的代码点击后会回到页面顶部。

解决问题:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p {
            font-size: 400px;
        }
    </style>
</head>
<body>
<p>?</p>
<a href="javascript:void(0)">点击</a>
</body>
</html>

好了,问题解决\(^o^)/~

解决点击空<a>标签返回页面顶部的问题