基本信息
源码名称：js 滚动到指定元素 示例代码
源码大小：0.69KB
文件格式：.html
开发语言：js
更新时间：2016-12-22
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍 

<html>
<head>
<title>滚动demo</title>

<style type="text/css">
    div {
    height: 200px;
    width: 100px;
    border: 1px solid black;
    overflow: auto;
}

p {
    height: 80px;
    background: blue;
}
#inner-element {
    background: red;
}
  </style>
<script type="text/javascript">//<![CDATA[

function scrollTo(){
    var topPos = document.getElementById('inner-element').offsetTop;
    document.getElementById('container').scrollTop = topPos-10;
}
//]]> 

</script>

</head>

<body>
  <div id="container"><p>A</p><p>B</p><p>C</p><p id="inner-element">D</p><p>E</p><p>F</p></div>
<button onclick="scrollTo()">SCROLL TO D</button>
  




</body>
</html>