一种javascript控制网页平滑滚动到指定元素位置的方法。
功能elementposition(obj){
无功curleft = 0,curtop = 0;
如果(obj。offsetparent){
curleft = obj.offsetleft;
curtop = obj.offsettop;
而(obj = obj。offsetparent){
curleft = obj.offsetleft;
curtop = obj.offsettop;
}
}
返回:curleft { x,y:curtop };
}
函数的ScrollToControl(ID)
{
var elem = document.getelementbyid(ID);
无功scrollpos = elementposition(元素)。Y;
scrollpos = scrollpos - document.documentelement.scrolltop;
VaR剩余= scrollpos % 50;
无功repeattimes =(scrollpos -余数) / 50;
scrollsmoothly(scrollpos,repeattimes);
window.scrollby(0,余数);
}
无功repeatcount = 0;
无功CTIMEOUT;
无功timeoutintervals =新的数组();
无功timeoutintervalspeed;
功能scrollsmoothly(scrollpos,repeattimes)
{
如果(repeatcount < repeattimes)
{
Window.scrollBy(0.5);
}
其他的
{
repeatcount = 0;
ClearTimeout(CTIMEOUT);
返回;
}
repeatcount + +;
CTIMEOUT = setTimeout(scrollsmoothly('('+ scrollpos +',' + repeattimes +
}
使用方法uff1a
ScrollToControl('elementid);
本页将顺利推出的位置elementid位于元
希望本文能对大家的javascript程序设计有所帮助。