该方法用于建立一个锚点，点击锚点，会跳到相应的内容，且该内容头部与浏览器头部平齐

实例：





<html>

  <head>

    <title>TODO supply a title</title>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

  </head>

  <body>

    <a onClick="onc()">dasdasd</a>

    <div style="width:400px; height:400px; border: 1px solid #f00;"></div>

      <div id="nn" style="border:1px solid #666">

        <div style="height:900px;">sadasdasd</div>

      </div>

  </body>

  <script type="text/javascript">

   //作为一个事件的函数来被调用

    function onc () {

    var dd = document.getElementById("nn").scrollIntoView(true);     //这个意思其实就是将这个元素到顶部来浏览器窗口的顶部来显示

  }

  </script>

</html>






 
												


											
scrollIntoView()方法的更多相关文章
	

    
						
  1. 如何定位到append的当前位置，不用拉滚动条scrollIntoView方法
		
    var bb_mes_con = $('bb_mes_con'); var mes_html = document.createElement('div'); mes_html.setAttribut ...
    
		
    2. 
						
  2. 利用scrollintoview方法模拟聊天室收到新消息
		
    这段时间再写一个聊天的功能,基本的原理已经通了,剩下的就是细化功能和实现了.原理通了不代表就能解决了这个问题,今天就遇到了一个小问题,就是在接收到新的消息以后,最新的消息不能显示在消息区域,而是跑到了 ...
    
		
    3. 
								
  3. javascript通过改变滚动条滚动来显示某些元素的scrollIntoView()方法
		
    scrollIntoView(b)可以在任何HTML上调用,通过滚动滚动条,调用的元素就可以出现在可视区域. 参数如果是true,或者不传参数,则表示调用元素的顶部与浏览器顶部平齐. 如果传入fals ...
    
		
    4. 
						
  4. [聊天框]让DIV的滚动条自动滚动到最底部 - 4种方法
		
    要制作一个在线聊天的程序,在做最后的修饰时,需要对获得的信息即时滚动以保证用户总能看到最新消息. 聊天程序是基于AJAX设计的,没有用框架,消息容器是一个DIV,所以问题就在于如何控制DIV的滚动条. ...
    
		
    5. 
						
  5. 让DIV的滚动条自动滚动到最底部 - 4种方法
		
    方法一:使用锚标记要滚动到的位置,然后通过click方法模拟点击滚动到锚所在位置 <script language="javascript1.2" type="te ...
    
		
    6. 
						
  6. 关于input的一些问题解决方法分享
		
    前言 input是我们接受来自用户的数据常用标签,在前端开发中,相信每个人都会用到这个标签,所以在开发过程中也时候也会遇到一些问题,本文的内容是我在跟input相爱相杀过程中产生的,在此记录分享一下. ...
    
		
    7. 
						
  7. Element.scrollIntoView()
		
    Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内 语法 element.scrollIntoView(); element.scrollIntoView( ...
    
		
    8. 
						
  8. WebBrowser常用属性方法介绍
		
    WebBrowser 常用属性方法 ■■方法 ==============================  ▲GoBack    相当于IE的"后退"按钮,使你在当前历史列表中后 ...
    
		
    9. 
						
  9. 走进javascript——被忽视的DOM方法和属性
		
    isEqualNode() isEqualNode方法可以用来判断两个DOM节点是否相同,给我的第一感觉是没用,因为两个DOM的比较很容易让人想成是字符串的比较,心想直接用两个等号不就可以了吗,但马上 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 『Python』skimage图像处理_旋转图像
			
    一段简短的实现图像旋转的代码,使用了skimage库,据说和PIL相比,skimage对numpy等科学计算库的支持更好,这里是为了完成师兄给的帮他修改程序的任务,如果以后有需求的话可能会对pytho ...
    
			
    2. 
						
  2. 【IDEA】【2】创建Maven项目及部署发布
			
    正文: 1,我参考的文档1已经比较全面了,需要注意的是界面可能有点不一样,有些地方需要自己注意一下 2,project和model的概念:挺困扰人的,我目前没有多模块开发,开发多个项目的时候是开了多个 ...
    
			
    3. 
						
  3. SET构造函数
			
    set<int,greater<int>> S; 可以在第二个参数位置设置比较模板,效果和sort类似,less表示升序,greater表示降序.这样做的好处是为了方便应对题目 ...
    
			
    4. 
						
  4. 完全揭秘log file sync等待事件-转自itpub
			
    原贴地址:http://www.itpub.net/thread-1777234-1-1.html   谢谢 guoyJoe 老大 这里先引用一下tanel poder大师的图: 什么是log fil ...
    
			
    5. 
						
  5. Leetcode 1014. 在 D 天内送达包裹的能力
			
    1014. 在 D 天内送达包裹的能力  显示英文描述 我的提交返回竞赛   用户通过次数197 用户尝试次数272 通过次数203 提交次数538 题目难度Medium 传送带上的包裹必须在 D 天 ...
    
			
    6. 
						
  6. Java中获得当前静态类的类名
			
    通常在打印日志的时候需要输出类名,普通类可以用this.getClass(),但是静态类没有this,直接写类名耦合度高. 参考了: https://stackoverflow.com/questio ...
    
			
    7. 
						
  7. 使用Spring-data-jpa（2）（三十一）
			
    创建实体 创建一个User实体,包含id(主键).name(姓名).age(年龄)属性,通过ORM框架其会被映射到数据库表中,由于配置了hibernate.hbm2ddl.auto,在应用启动的时候框 ...
    
			
    8. 
						
  8. suffix word ard ar arian arium atic ation atory ator out ~3
			
      1★ ard 不好的人   2★ ar ~的:~人物     1● arian ~人.物     2● arium 地点,场地   3●aster   不怎么样的人     1● ast ~人   ...
    
			
    9. 
						
  9. tidb使用坑记录
			
    转载自:https://www.cnblogs.com/linn/p/8459327.html tidb使用坑记录 1.对硬盘要求很高,没上SSD硬盘的不建议使用 2.不支持分区,删除数据是个大坑.  ...
    
			
    10. 
						
  10. Delphi I/O error 103 错误
			
    http://stackoverflow.com/questions/634587/delphi-why-do-i-sometimes-get-an-i-o-error-103-with-this-c ...
    
			
    11.