html锚点实现的方法
2016-07-14 16:58
369 查看
1 通过id
<a href="#div1"> 通过id获取锚点</a>
<div style=" height:200px; width:200px; border:1px solid red; margin-top:1000px;" id="div1"> 通过id获取锚点</div>
2 通过 name
<a href="#div2"> 通过name获取锚点</a>
<div style=" height:200px; width:200px; border:1px solid red; margin-top:1000px;" name="div2"> 通过name获取锚点</div>
3 通过js
<a href="#" onclick="javascript:document.getElementById('div3').scrollIntoView();"> 通过js获取锚点</a>
<div style=" height:200px; width:200px; border:1px solid red; margin-top:1000px;" id="div3"> 通过js获取锚点</div>
<a href="#div1"> 通过id获取锚点</a>
<div style=" height:200px; width:200px; border:1px solid red; margin-top:1000px;" id="div1"> 通过id获取锚点</div>
2 通过 name
<a href="#div2"> 通过name获取锚点</a>
<div style=" height:200px; width:200px; border:1px solid red; margin-top:1000px;" name="div2"> 通过name获取锚点</div>
3 通过js
<a href="#" onclick="javascript:document.getElementById('div3').scrollIntoView();"> 通过js获取锚点</a>
<div style=" height:200px; width:200px; border:1px solid red; margin-top:1000px;" id="div3"> 通过js获取锚点</div>
相关文章推荐
- hdu 1088 Write a simple HTML Browser
- 教你写一个简单的网页(html网页开发入门)
- html 锚点的使用
- mvc生成静态页 获取controller的HTML
- html回显select
- The Heads-Up Grid 让你的HTML页面具有辅助线网格功能
- 在弹窗中选取被选中的checkbox并且把HTML传给父页面
- JQ选择HTML元素的方法
- MVC学习系列4--@helper辅助方法和用户自定义HTML方法
- HTML网页开发中设计到回退功能的取消实现方案
- 细说HTML元素的ID和Name属性的区别
- Html position(static | absolute | fixed | relative)定位
- hdu-1088 Write a simple HTML Browser
- position
- 最常用的HTML标签 总结整理
- html标签1
- Html标签2---常用标签
- 网页挂马详细教程
- 标题
- html原样输出html代码