这段代码展示了如何使用JavaScript的getBoundingClientRect()方法来获取页面中元素的边界信息，包括上、右、下、左四个方向与页面边缘的距离，这对于布局和交互设计至关重要。
var box=document.getElementById(‘box’); // 获取元素
alert(box.getBoundingClientRect().top); // 元素上边距离页面上边的距离
alert(box.getBoundingClientRect().right); // 元素右边距离页面左边的距离
alert(box.getBoundingClientRect().bottom); // 元素下边距离页面上边的距离
alert(box.getBoundingClientRect().left); // 元素左边距离页面左边的距离js获取元素与当前可视区域顶部的距离
最新推荐文章于 2025-03-19 11:10:09 发布
扫一扫
3030
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
