html中设置锚点定位的几种常见方法

1,使用id定位: 

<a href="#1F" name="1F">锚点1</a> 
<div name="1F"> 
<p> 
11111111111 
</br> 
11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br> 
</p> 
</div> 

  这样的定位可以针对任何标签来定位。 

2、使用name定位: 

<a href="#5F">锚点5</a> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
<a name="5F">1111111</href> 

  使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用。 

3,

<li class="" οnclick="javascript:document.getElementById('here').scrollIntoView()"></li> 

4,个人比较喜欢的,之间界面互相定位跳转的

< a href="http://www.hsgjyl.com/#tube_baby" >按钮位置</ a><div id="tube_baby"></div> 跳转的位置,直接放就可以

  

  

转载于:https://www.cnblogs.com/lzg9/p/7081634.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:https://dhexx.cn/news/show-18486.html

如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网进行投诉反馈,一经查实,立即删除!


相关文章:

  • elasticsearch.net search入门使用指南中文版(翻译)
  • 重写( override)and 重载(overload)
  • 【java面试题】equals()方法和==的比较区别?
  • 合并出错:svn Working copy and merge source not ready for reintegration
  • 阿里笔试题:求两个子序列的最大连续子序列
  • 自己手写WEB程序框架并执行
  • Django知识总结
  • Android学习笔记(十二)——使用意图传递数据的几种方式
  • ERP概念介绍
  • LibreOJ β Round #2 E. 数论只会 GCD
  • [bzoj1566][NOI2009]管道取珠
  • 46.Android 自己定义Dialog
  • php在IIS上put,delete请求报404
  • ui-sref与$state.go()的使用
  • Android7.0无需FileProvide搞定URI拍照、应用安装问题
  • SEO外链优化
  • [POJ1952]BUY LOW, BUY LOWER
  • 前端特效(css3)
  • 重新复习基础草稿:迭代器的使用
  • PHP第一天
  • tomcat 实现域名crm.test.com訪问
  • C# .Net ListT中Remove()、RemoveAt()、RemoveRange()、RemoveAll()的区别,ListT删除汇总
  • Win10系统80端口被系统进程占用
  • Git最基本入门,只是个感想总结啊啊啊不要搜到我0.0
  • Jmeter之旅
  • 2015 HIAST Collegiate Programming Contest C
  • raft Paxos
  • LINUX中错误 SELinux is disabled
  • 如何在同一Linux服务器上创建多站点
  • Tensorflow自编码器及多层感知机
  • 陈梓涵:关于编程的胡扯
  • LoaderManager使用具体解释(四)---实例:AppListLoader
  • python之路——作业:Select FTP(仅供参考)
  • T7315 yyy矩阵折叠(长)
  • 常用的断言总结
  • pathway一些网站
  • c++ primer plus(第6版)中文版 第十二章编程练习答案
  • 一句python,一句R︱python中的字符串操作、中文乱码、NaN情况
  • LoadRunner函数的介绍
  • 29-3 union的使用
  • 使用VBA,优化处理Excel表格
  • python日记----2017.7.20
  • F - Good Words
  • git删除文件夹
  • PHP连数据库生成数据字典
  • MAVEN项目标准目录结构
  • 数据结构(C++语言版)第三版pdf
  • hdu1233 还是畅通工程 基础最小生成树
  • 机械物理学
  • Python 过滤a文件中每一行内容,保存到b文件中