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.執行，效果如下：