点击链接如何将页面滚动到指定位置(锚点)
2017-08-29 本文已影响7人
Oo晨晨oO
先讲要跳转的地方的标签 加上id属性
然后再在a标签的herf属性里面写上 #+id
比如代码:
<!DOCTYPE <!DOCTYPE html>
<html>
<head>
<title>img图片</title>
</head>
<body>
<a href="http://www.baidu.com"><\img src="images/bg05.jpg" height="166" width="326" alt="水果"></a>
<br />
<a href="http://www.baidu.com" title="跳转到骗子网站">骗人连接</a>
<br />
<!-- 注意此处 可以直接跳跃到标题1或者标题2 -->
<a href="#01">标题1</a>
<a href="#02">标题2</a>
<br />
<br /><br />
<br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a href="#">新闻标题</a>
<a href="javascript:;">缺省值</a>
<h1 id="01">标题1</h1>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h1 id="02">标题2</h1>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
