js是滚动条滑到固定位置_jQuery实现将div中滚动条滚动到指定位置的方法

本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。分享给大家供大家参考，具体如下：

一、Js代码：

onload = function () {

//初始化

scrollToLocation();

};

function scrollToLocation() {

var mainContainer = $('#thisMainPanel'),

scrollToContainer = mainContainer.find('.son-panel:last');//滚动到

中类名为son-panel的最后一个div处

//scrollToContainer = mainContainer.find('.son-panel:eq(5)');//滚动到

中类名为son-panel的第六个处

//非动画效果

//mainContainer.scrollTop(

// scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop()

//);

//动画效果

mainContainer.animate({

scrollTop: scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop()

}, 2000);//2秒滑动到指定位置

}

二、Html代码：

我是类容区域-1

我是类容区域-2

我是类容区域-3

我是类容区域-4

我是类容区域-5

我是类容区域-6

我是类容区域-7

我是类容区域-8

希望本文所述对大家jQuery程序设计有所帮助。