The example in this article describes how jQuery implements scrolling the scroll bar in a div to a specified position. Share it with everyone for your reference, as follows:

1. Js code:

onload = function () {
  //初始化
  scrollToLocation();
};
function scrollToLocation() {
  var mainContainer = $('#thisMainPanel'),
  scrollToContainer = mainContainer.find(&#39;.son-panel:last&#39;);//滾動(dòng)到<div id="thisMainPanel">中類名為son-panel的最后一個(gè)div處
  //scrollToContainer = mainContainer.find(&#39;.son-panel:eq(5)&#39;);//滾動(dòng)到<div id="thisMainPanel">中類名為son-panel的第六個(gè)處
  //非動(dòng)畫效果
  //mainContainer.scrollTop(
  //  scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop()
  //);
  //動(dòng)畫效果
  mainContainer.animate({
    scrollTop: scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop()
  }, 2000);//2秒滑動(dòng)到指定位置
}

2. Html code:

<div id="thisMainPanel" style="height:200px;overflow-y: scroll;border:1px solid #f3f3f3;">
    <div class="son-panel">我是類容區(qū)域-1</div>
    <div class="son-panel">我是類容區(qū)域-2</div>
    <div class="son-panel">我是類容區(qū)域-3</div>
    <div class="son-panel">我是類容區(qū)域-4</div>
    <div class="son-panel" style="height:160px;">我是類容區(qū)域-5</div>
    <div class="son-panel">我是類容區(qū)域-6</div>
    <div class="son-panel">我是類容區(qū)域-7</div>
    <div class="son-panel">我是類容區(qū)域-8</div>
</div>

I hope this article will help everyone in jQuery programming.

For more jQuery methods to implement scrolling the scroll bar in a div to a specified position, please pay attention to the PHP Chinese website for related articles!