JS原生如何获取可滚动元素内子元素的精确坐标?

js原生如何获取可滚动元素内子元素的精确坐标?

js原生如何获取可滚动元素中的子元素坐标值

要在可滚动元素(如

)中获取具有特定属性(如 pdata)的子元素的坐标值,可以使用原生 javascript 的 getboundingclientrect api。

该 api 返回一个 domrect 对象,其中包含元素相对于其包含块的边界框的顶部、左、右和底部坐标值。

const popcontainer = document.getelementbyid('pop');const lielements = popcontainer.queryselectorall('li[pdata]');lielements.foreach((li) => {  const boundingbox = li.getboundingclientrect();  console.log(    `li element (pdata=${li.getattribute('pdata')}):`,    `top: ${boundingbox.top}px, left: ${boundingbox.left}px`  );});

登录后复制

监测滚动事件

要监测

的滚动事件,可以使用 addeventlistener 方法监听 scroll 事件。

popContainer.addEventListener('scroll', () => {  // Element has scrolled.});

登录后复制

以上就是JS原生如何获取可滚动元素内子元素的精确坐标?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2650363.html

(0)
上一篇 2025年3月7日 08:36:12
下一篇 2025年3月7日 01:50:52

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论