国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript控制網(wǎng)頁平滑滾動(dòng)到指定元素位置的方法

2019-11-20 12:38:41
字體:
供稿:網(wǎng)友

本文實(shí)例講述了JavaScript控制網(wǎng)頁平滑滾動(dòng)到指定元素位置的方法。分享給大家供大家參考。具體如下:

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');

頁面將會(huì)平滑的滾動(dòng)到元素elementID所在的位置

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 玉树县| 怀柔区| 关岭| 普安县| 漠河县| 赞皇县| 嘉荫县| 商河县| 长沙县| 安达市| 黎平县| 上蔡县| 梅河口市| 盖州市| 东乌珠穆沁旗| 西丰县| 博湖县| 睢宁县| 景东| 上犹县| 霸州市| 门源| 漾濞| 乌兰县| 沙田区| 姚安县| 虎林市| 贺州市| 斗六市| 淳安县| 开化县| 油尖旺区| 博罗县| 缙云县| 万年县| 南乐县| 且末县| 临清市| 凌云县| 鄂托克前旗| 长阳|