设置div滚动条滚动到指定位置
的有关信息介绍如下:设置div滚动条滚动到指定位置?
鼠标点击打开HBuilde软件,如图所示:
点击新建一个Web项目,如图所示:
输入项目名,然后点击完成按钮,如图所示:
然后在该项目的html文件中键入页面代码,如图所示:
$(document).ready(function(){
scrollToLocation();
});
function scrollToLocation() {
var mainContainer = $('#thisMainPanel'),
scrollToContainer = mainContainer.find('.son-panel:last');//滚动到
//动画效果
mainContainer.animate({
scrollTop: scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop()
}, 2000);//2秒滑动到指定位置
然后点击运行--->浏览器运行,如图所示:
可以看到到运行结果 ,然后点击滚动条最下面,如图所示:
点击之后,可以看到滚动条会滚动到指定的位置,如图所示: