js设置元素顶部到可视窗口顶部距离

可以使用JavaScript中的`offsetTop`属性来获取元素顶部到其offsetParent元素顶部的距离，再结合`scrollTop`属性获取可视窗口顶部到文档顶部的距离，从而计算出元素顶部到可视窗口顶部的距离。

以下是一个示例代码：

// 获取元素
const element = document.getElementById('my-element');

// 计算元素顶部到文档顶部的距离
const topOffset = element.offsetTop;

// 计算可视窗口顶部到文档顶部的距离
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
const topRelativeToViewport = topOffset - scrollTop;

console.log(topRelativeToViewport); // 输出元素顶部到可视窗口顶部的距离

在上面的代码中，`my-element`是要获取距离的元素的ID。然后，我们使用`offsetTop`属性获取元素顶部到其offsetParent元素顶部的距离，并使用`scrollTop`属性获取可视窗口顶部到文档顶部的距离。最后，计算出元素顶部到可视窗口顶部的距离，并将其打印到控制台上。