js控制div滚动条，滚动滚动条使div中的元素可见并居中

1.html代码如下

<div id="panel">
   <div id="div1"></div>
   <div id="div2"></div>
   <a name="div3Anchor"> </a>
   <div id="div3"></div>
</div>

 

2.js滚动div到div3

 panel = document.getElementById("panel");
 div3 = document.getElementById("div3");
 panel.scrollTop = div3.offsetTop; 

 

3.js平滑滚动div到div3，滚动到居中的位置

var panel = $("#panel");
var div3 = document.getElementById("div3");
panel.animate({
    scrollTop:div3.offsetTop - panel.height()/2
},200);