JavaScript控制滚动条滚动到指定位置1.打开⼀个⽹址,F12,定位到我们想到滚动的位置
⽐如定位到翻页的位置,我们可以取到翻页div的class=page-inner
2.在Consle输⼊滚动效果的Js代码:
1function elementPosition(obj) {
2var curleft = 0, curtop = 0;
3if (obj.offsetParent) {
4        curleft = obj.offsetLeft;
5        curtop = obj.offsetTop;
6while (obj = obj.offsetParent) {
7            curleft += obj.offsetLeft;
8            curtop += obj.offsetTop;
9        }
10    }
11return { x: curleft, y: curtop };
12 }
13
14var repeatCount = 0;
15var cTimeout;
16var timeoutIntervals = new Array();
17var timeoutIntervalSpeed;
18function ScrollSmoothly(scrollPos, repeatTimes) {
19if (repeatCount < repeatTimes) {
20        window.scrollBy(0, 50);
21    }
22else {
23        repeatCount = 0;
24        clearTimeout(cTimeout);
25return;
26    }
27    repeatCount++;
28    cTimeout = setTimeout("ScrollSmoothly('" + scrollPos + "','" + repeatTimes + "')", 10);
29 }
30
31function ScrollToControl(classname) {
32var elem = ElementsByClassName(classname)[0];
33var scrollPos = elementPosition(elem).y - 200; //部分页⾯存在固定的Head部分
34    scrollPos = scrollPos - document.documentElement.scrollTop;
35var remainder = scrollPos % 50;
36var repeatTimes = (scrollPos - remainder) / 50;
37    ScrollSmoothly(scrollPos, repeatTimes);
38    window.scrollBy(0, remainder);
39 }
40
如何设置滚动条的位置
41 ScrollToControl("page-inner");
3.执⾏,效果如下: