wie man den Offset in Javascript einstellt

Question

Wie kann der Offset mit JavaScript eingestellt werden?

Answer 1

Sie stellen die left y top CSS-Werte.

Mit jQuery

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

Vanille-JavaScript

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

Answer 2

Wenn der Container scrollbar ist, kann die Scroll-Methode besser mit der Spezifikation übereinstimmen. Ist dies nicht der Fall, muss das Problem durch die absolute Positionierung gelöst werden

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

Sie könnten auch eine Klasse hinzufügen, z. B.

Jquery: $("p:last").addClass("selected");

Javascript: Jemand hat hier eine JS-Funktion gepostet - http://bytes.com/topic/javascript/answers/542128-can-javascript-add-new-style-class

Sie müssen dann sicherstellen, dass "selected" in Ihrer Formatvorlage definiert wurde. Die relevanten CSS-Eigenschaften sind:

top links Rand Polsterung

Wahrscheinlich wollen Sie eine Kombination aus Rand (Versatz außerhalb des Elements) und Füllung (Versatz innerhalb des Elements).