本文实例讲述了javascript控制网页平滑滚动到指定元素位置的方法。分享给大家供大家参考。具体如下：
function elementposition(obj) { var curleft = 0, curtop = 0; if (obj.offsetparent) { curleft = obj.offsetleft; curtop = obj.offsettop; while (obj = obj.offsetparent) { curleft += obj.offsetleft; curtop += obj.offsettop; } } return { x: curleft, y: curtop };}function scrolltocontrol(id){ var elem = document.getelementbyid(id); var scrollpos = elementposition(elem).y; scrollpos = scrollpos - document.documentelement.scrolltop; var remainder = scrollpos % 50; var repeattimes = (scrollpos - remainder) / 50; scrollsmoothly(scrollpos,repeattimes); window.scrollby(0,remainder);}var repeatcount = 0;var ctimeout;var timeoutintervals = new array();var timeoutintervalspeed;function scrollsmoothly(scrollpos,repeattimes){ if(repeatcount < repeattimes) { window.scrollby(0,50); } else { repeatcount = 0; cleartimeout(ctimeout); return; }repeatcount++;ctimeout = settimeout(scrollsmoothly('+scrollpos+','+repeattimes+'),10);}
使用方法：
scrolltocontrol('elementid');
页面将会平滑的滚动到元素elementid所在的位置
希望本文所述对大家的javascript程序设计有所帮助。