当前位置:首页 > 日记 > 正文

一种javascript控制网页平滑滚动到指定元素位置的方法。

一种javascript控制网页平滑滚动到指定元素位置的方法。
本文演示了将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程序设计有所帮助。

相关文章

php方法获取网页中的所有并放入数

php方法获取网页中的所有并放入数

方法,网页,组中,放入,电脑软件,本文演示PHP如何获取Web页面中的所有图片并将其放入一个数组中: 图像=数组(); (preg_match_all /(IMG | SRC)=(|){ ^ > } + /我的数据,美元美元,媒体); unset($数据); (($数据= preg_replace / IMG | SRC)(|| =| = ')(*)/我,3美元,$媒…

javascript简单的表格编辑功能实现方法

javascript简单的表格编辑功能实现方法

方法,功能实现,表格,编辑,简单,本文介绍了javascript简单表编辑功能的实现,供大家参考: getinnerhtml()函数 { 警报(document.getelementbyid(2).innerHTML); } inscell()函数 { var x = document.getelementbyid('tr2)。InsertCell(0) x.innerhtml =表格行、…

PHP会话文件互斥锁问题求解方法

PHP会话文件互斥锁问题求解方法

问题求解,文件,互斥锁,方法,电脑软件,PHP会话的默认处理器session.save_handler =文件(即文件)。如果同一个客户同时发送多个请求同时,如Ajax发送多个请求同时在同一时间,和脚本的执行时间很长,它会导致会话文件阻塞,影响性能,因为PHP执行session_…

标志设计(图)的30种表达方法

标志设计(图)的30种表达方法

方法,标志,电脑软件,下面的小编辑器将为徽标设计带来30种表达方法。这个教程很实用。建议大家一起学习喜欢学习的朋友。 标志设计中的30种表现手法 不知道也不知道 现在我们可以简单粗暴了 往下看. 少年 以上是logo设计中的30种表达…

Excel2007多工作表快速输入数据的

Excel2007多工作表快速输入数据的

方法,数据,输入,教程,快速,我编辑Excel2007工作簿文件的每一个月,其中包含十几个工作表。在编制报告的过程中,我发现除了数值数据的修改,所有报告的共同点是修改,内容都是一样的,,输入日期在J3细胞之前。,作者是工作在一个工作表修改J3细胞。后来,…

js中的替换方法使用经验共享

js中的替换方法使用经验共享

替换,方法,经验,电脑软件,js,最近,一个bug被搜索了。原因是js中的替换方法。当我们需要替换一个字符串时,我们通常使用js中的替换方法。如果替换方法的第一个参数被传输,它将只替换第一个参数: 复制代码代码如下所示: var str =0cea65d5-db8e-…

获取Web表单动作属性的Javascript方法

获取Web表单动作属性的Javascript方法

表单,方法,属性,动作,电脑软件,本文演示Javascript获取Web表单的动作属性的方式: Javascript获取Web表单的action属性,即要提交的URL地址,有时它需要提交到当前页面,然后该操作可能被设置为空。 第一名: 最后的名字: 动作属性的值是: (document.getelementby…

Javascript移除数组中重复元素的方法。

Javascript移除数组中重复元素的方法。

方法,重复元素,移除,组中,电脑软件,本文演示了数组中重复元素的Javascript移除方法,供大家参考,具体分析如下: 这个JS代码用于从数组中删除重复的元素,如{ 'apple ','orange ','peach ','apple ','strawberry ','orange},然后回到:S { 'apple …

PHP实现二进制与文本相互转换的方

PHP实现二进制与文本相互转换的方

相互转换,二进制,文本,方法,电脑软件,本文给出了用PHP实现二进制与文本相互转换的方法,供大家参考: 此代码包含两个功能,bin2text,二进制转换为文本,文本text2bin,二进制 功能bin2text($ bin_str) { text_str美元=; 美元=爆炸( _i美元=计数($字符); …

ps显示所有图层的方法及键盘快捷键

ps显示所有图层的方法及键盘快捷键

显示,图层,键盘,方法,快捷键,下面是向您展示如何显示ps和快捷键操作的所有层。非常适合初学者学习。 介绍了在ps中显示所有图层的方法,以及所有图层快捷键的ps显示。 我们有时间在互联网上下载PSD文件,其中很多是隐藏的白板层,但我们计划显示…

ASP参数描述(VBS)FSO中去的方法

ASP参数描述(VBS)FSO中去的方法

描述,参数,方法参数,方法,中去,在ASP中去的一种方法 打开指定的文件并返回一个文本对象,可以读,写,或附加到文件通过该对象。 object.opentextfile(文件名{,iomode {,{ } } }创建,格式) 1、编辑的方法打开指定的文件并返回一个文本对象,可以读,写,…

jQuery使用slideup方法来减缓控制

jQuery使用slideup方法来减缓控制

控制元件,方法来,电脑软件,jQuery,slideup,本文介绍了采用slideup方法实现控制元素的缓降功能的jQuery技术。分享给你供你参考。具体实现的方法如下: $(文档)Ready(函数(){) $(#翻转)。Click(function(){) $(#面板)。SlideUp(慢); }); }); #面板,#翻转 { 填料:5px; …