JavaScript控制滚动条滚动到指定位置

1.打开一个网址，F12，定位到我们想到滚动的位置

比如定位到翻页的位置，我们可以取到翻页div的class=page-inner

2.在Consle输入滚动效果的Js代码：

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 };
}

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

function ScrollToControl(classname) {
    var elem = document.getElementsByClassName(classname)[0];
    var scrollPos = elementPosition(elem).y - 200; //部分页面存在固定的Head部分
    scrollPos = scrollPos - document.documentElement.scrollTop;
    var remainder = scrollPos % 50;
    var repeatTimes = (scrollPos - remainder) / 50;
    ScrollSmoothly(scrollPos, repeatTimes);
    window.scrollBy(0, remainder);
}

ScrollToControl("page-inner");

3.执行，效果如下：