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]平滑滚动到页面顶部