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