本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。分享给大家供大家参考,具体如下:
一、Js代码:onload = function () {
//初始化
scrollToLocation();
};
function scrollToLocation() {
var mainContainer = $('#thisMainPanel'),
scrollToContainer = mainContainer.find('.son-panel:last');//滚动到
//scrollToContainer = mainContainer.find('.son-panel:eq(5)');//滚动到
//非动画效果
//mainContainer.scrollTop(
// scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop()
//);
//动画效果
mainContainer.animate({
scrollTop: scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop()
}, 2000);//2秒滑动到指定位置
}
二、Html代码:
希望本文所述对大家jQuery程序设计有所帮助。
更多jQuery实现将div中滚动条滚动到指定位置的方法相关文章请关注PHP中文网!
本文原创发布php中文网,转载请注明出处,感谢您的尊重!