js中如何获取某个元素到浏览器最左和最右的距离

1.解决办法我们可以先获取它的offset它这是相对父容器的距离。然后使用递归来层层获取上一级的offset

var getOffsetLeft = function(obj){
              var tmp = obj.offsetLeft;
              var val = obj.offsetParent;
              while(val != null){
              tmp += val.offsetLeft;
                val = val.offsetParent;
               }
            return tmp;
            }
   
      
var getOffsetTop =  function(obj){
               var tmp = obj.offsetTop;
               var val = obj.offsetParent;
             while(val != null){
                tmp += val.offsetTop;
               val = val.offsetParent;
               }
                return tmp;
             }

这里做法就是使用while来实现当它的父元素为空时就会结束循环此时获取的距离就是那元素到浏览器的距离

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要实现滚动条滚动到某个位置后自动定位到某个tr元素,可以使用JavaScript来实现。具体步骤如下: 首先,通过document对象的getElementById()方法或querySelector()方法获取到要定位的tr元素。 接下来,为窗口的滚动条添加一个滚动事件监听器,使用addEventListener()方法将scroll事件和一个处理函数绑定起来。 在处理函数,可以通过window对象的scrollY属性获取到滚动条的滚动距离。可以使用tr元素相对于浏览器窗口视口的位置来判断滚动条是否滚动到了需要定位的位置获取tr元素相对于窗口视口的位置可以使用getBoundingClientRect()方法。该方法返回一个包含四个属性top、right、bottom和left的DOMRect对象,表示元素的位置和大小。 当滚动条滚动距离大于或等于tr元素的top属性时,说明滚动条已经滚动到了需要定位的位置,可以调用tr元素的scrollIntoView()方法将其滚动到可视区域内。 以下是一个简单示例代码: ```javascript var trElement = document.getElementById("trId"); // 获取要定位的tr元素 window.addEventListener("scroll", function() { var trRect = trElement.getBoundingClientRect(); // 获取tr元素的位置信息 if (window.scrollY >= trRect.top) { trElement.scrollIntoView(); // 将tr元素滚动到可视区域内 } }); ``` 需要注意的是,上述代码的"trId"需要替换成要定位的tr元素的具体id属性值。另外,tr元素的父级容器需要设置合适的高度和overflow属性,以使滚动条生效。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值