html锚点定位的使用
2015-09-09 14:41
591 查看
一、在html中设置锚点定位的几种方法
1、使用id定位
使用id可以在任意标签使用。
2、使用name定位
使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。
3、使用js定位
使用js使用scroollIntoView将对象滚动到可见范围内。
二、html锚点定位实例
参考资料： html锚点定位 http://www.studyofnet.com/news/909.html
1、使用id定位
使用id可以在任意标签使用。
2、使用name定位
使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。
3、使用js定位
使用js使用scroollIntoView将对象滚动到可见范围内。
二、html锚点定位实例
<!doctype html>
<html>
<title>锚点 by starof</title>
<meta charset="utf-8"/>
<body>
<a href="#top">到top</a><br/>
<a href="#content">到content</a><br/>
<a onclick="javascript:document.getElementById('here').scrollIntoView()" style="cursor:pointer;">到bottom</a>
<div id="top" class="cls1">top内容</div>
<div>
<a name="content">content内容</a><br/>
name属性只对<a>标签有用。<br/>
可以通过给div增加name="content" ，删除内部超链接查看。
</div>
<div id="here" class="cls3">bottom内容
</div>
</body>
</html>参考资料： html锚点定位 http://www.studyofnet.com/news/909.html
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 