今天分享一个很实用的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秒滑动到指定位置
}