怎么一进页面就获取到getBoundingClientRect().top的值 ts
时间: 2024-08-01 13:01:39 浏览: 87
js getBoundingClientRect() 来获取页面元素的位置.docx
在TypeScript中,如果你想要在页面加载完成后立即获取某个DOM元素的`getBoundingClientRect().top`值,你可以使用JavaScript的`window.addEventListener('load', function() {})`来监听页面加载完成事件。在这个回调函数里,你可以访问并操作DOM元素。这里是一个简单的示例:
```typescript
// 获取元素
const element = document.getElementById('yourElementId');
// 添加事件监听
window.addEventListener('load', function () {
// 当页面加载完毕,获取并处理top值
const topPosition = element.getBoundingClientRect().top;
console.log('元素顶部距离视口顶部的距离:', topPosition);
});
阅读全文