如何在javascript中设置偏移量

Question

如何使用JavaScript设置偏移？

Answer 1

您设置了left和top CSS值。

使用jQuery

$("#myEl").css({"position":"absolute","left":"100px","top":"100px"});

直接Javascript

document.getElementById("myEl").style.position = "absolute";
document.getElementById("myEl").style.left = "100px";
document.getElementById("myEl").style.top = "100px";

Answer 2

如果容器是可滚动的，则scroll方法可能更符合规范。如果没有，则必须通过设置绝对位置来解决

Element.scroll() - Web APIs | MDN

// Put the 1000th vertical pixel at the top of the element
element.scroll(0, 1000);

// use optionas
element.scroll({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

Answer 3

您还可以添加一个类，例如

Jquery的： $（ “p：上”）。addClass（ “选择”）;

使用Javascript： 有人在这里发布了一个JS函数 - http://bytes.com/topic/javascript/answers/542128-can-javascript-add-new-style-class

然后，您需要确保在样式表中定义了“已选择”。相关的CSS属性是：

顶 剩下 余量 填充

您可能需要边距（元素外部偏移）和填充（元素内部偏移）的组合。