javascript 滚动顶部

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 滚动顶部相关的知识,希望对你有一定的参考价值。

function getCoords(elem) { // crossbrowser version
    var box = elem.getBoundingClientRect();

    var body = document.body;
    var docEl = document.documentElement;

    var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop; // 获得整个页面已经滚动的距离
    var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;

    var clientTop = docEl.clientTop || body.clientTop || 0;
    var clientLeft = docEl.clientLeft || body.clientLeft || 0;

    var top  = box.top +  scrollTop - clientTop; // 整个页面已经滚动的距离-(目标元素与视口的距离) = 目标元素相对body上边界的距离
    var left = box.left + scrollLeft - clientLeft;

    return { top: Math.round(top), left: Math.round(left) };
}

以上是关于javascript 滚动顶部的主要内容,如果未能解决你的问题,请参考以下文章

使用 JavaScript/jQuery 滚动到 DIV 的顶部?

javascript 滚动顶部

javascript 光滑的滚动顶部

javascript 滚动位置开发顶部

javascript 滚动顶部

javascript [jQuery]平滑滚动到页面顶部