Comment définir le décalage en JavaScript

Vous définissez le gauche code> et top code> CSS valeurs.

avec jQuery h3> xxx pré>

vanilla javascript H3>

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

Vous pouvez également ajouter une classe, par exemple

jQuery: $ ("P: dernier"). addclass ("sélectionné");

JavaScript: Quelqu'un a posté une fonction JS ici - http: //bytes.com/topic/javascript/answers/542128-Can-javascript-add-new-style-class

Vous auriez alors besoin de vous assurer que "sélectionnée" a été définie dans votre feuille de style. Les propriétés CSS pertinentes sont:

haut la gauche marge Rembourrage

Vous voulez probablement une combinaison de marge (élément extérieure offset) et de rembourrage (élément de décalage intérieur).

Si le conteneur est défilable, la méthode de défilement peut être plus conforme à la spécification. Sinon, il doit être résolu en réglant le positionnement absolu

Element.scroll () - API Web | MDN p>

// 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'
});