如何仅使用JavaScript从元素当前位置减去像素？

顺晟科技

2021-09-02 12:26:48

198

不使用jQuery，是否有一种方法可以获取元素的当前位置并从中进行加/减？假设一个元素具有以下CSS

position: relative;
top: 400px;
/*400px away from the top*/

JavaScript可以从“top”中获得像素量并从中减去吗？我知道我可以直接用document.getElementById（“Element”）.style.top编辑top属性，但是我希望首先获取值本身，然后从该值中减去一些像素，然后将新值作为位置。这可能吗？

顺晟科技：

像这样的东西？从视口顶部获取位置，然后减去一个值并返回新的“从顶部值开始的偏移量”:


const offsetValue = 49

const findNewPosition = (offset) => {

  const element = document.querySelector('#elementId').getBoundingClientRect().top

   return element - offset
}

findNewPosition(offsetValue)

上一篇：golang:头内容类型为两行下一篇：修复列表项之间不均匀的间距CSS

网站建设

Html

如何仅使用JavaScript从元素当前位置减去像素？