html 当前页面点击链接跳转到当前页面页面的某个位置

绿叶清风

于 2016-08-10 10:31:40 发布

阅读量3w

点赞数 6

分类专栏： html/css javascript

本文链接：https://blog.youkuaiyun.com/PZ0605/article/details/52169051

版权

html/css 同时被 2 个专栏收录

30 篇文章

订阅专栏

javascript

11 篇文章

订阅专栏

通过 href="#id"的方式可以直接跳转到该页面的某个位置，直接上代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<a href="#div1"> div1</a>
<a href="#div2"> div2</a>
<a href="#div3"> div3</a>
<a href="#div4"> div4</a>
<a href="#div5"> div5</a>

<div id="div1" style="width: 60px;height: 300px;background-color: #003366">
1
</div>

<div id="div2" style="width: 60px;height: 300px;background-color:#556699">
2
</div>

<div id="div3" style="width: 60px;height: 300px;background-color: #f5f5f5">
3
</div>

<div id="div4" style="width: 60px;height: 300px;background-color: #7d7d7d">
4
</div>

<div id="div5" style="width: 60px;height: 300px;background-color: #e9f1fa">
5
</div>


</body>
</html>