Jquery 滾動效果實現

今天分享一個很實用的Jquery的滾動效果的代碼，能夠使用動畫的和非動畫，見代碼：

function scrollToLocation() {
    var messageList = $('#messageList'),//先獲取到需要滾動的DIV
    scrollToContainer = messageList.find('li:last');//滾動到<div id="thisMainPanel">中類名爲son-panel的最後一個div處
    //scrollToContainer = mainContainer.find('.son-panel:eq(5)');//滾動到<div id="thisMainPanel">中類名爲son-panel的第六個處
    //非動畫效果
    //mainContainer.scrollTop(
    //  scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop()
    //);
    //動畫效果
    messageList.animate({
        scrollTop: scrollToContainer.offset().top - messageList.offset().top + messageList.scrollTop()
    }, 1000);//1秒滑動到指定位置
}