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);