数码资讯
一种javascript控制网页平滑滚动到指定元素位置的方法。
本文演示了将Javascript控件页平滑到指定元素的位置的方法: 功能elementposition(obj){ 无功curleft = 0,curtop = 0; 如果(obj。offsetparent){ curleft = obj.offsetleft; curtop = obj.offse
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文演示了将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程序设计有所帮助。
功能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程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。