zoukankan      html  css  js  c++  java
  • 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="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li> 
    

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

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

      

      

    夫君子之行,静以修身,俭以养德。非淡泊无以明志,非宁静无以致远。夫学须静也,才须学也,非学无以广才,非志无以成学。慆慢则不能励精,险躁则不能冶性。年与时驰,意与日去,遂成枯落,多不接世,悲守穷庐,将复何及!
  • 相关阅读:
    一个简单粗暴的爬虫
    Linux 目录结构
    python 部署 Restful web
    JVM 运行时数据区总结 栈 堆 堆大小配置总结
    成都法律援助申请流程
    JavaEE error整理(不断更新)
    ehcache.xml 属性大全
    SpringMVC 构建Restful风格 及问题处理
    Http Content-Type
    Redis 教程 Java工程师学习知识点
  • 原文地址:https://www.cnblogs.com/lzg9/p/7081634.html
Copyright © 2011-2022 走看看