javascript - 如何从偏移值中减去像素？

Question

我有以下内容:

setTimeout(function() {
  $(".htmltooltip").click(function() {
    var tooltip_content = $(this).attr("data-tooltip-content");
    var pos = $(this).offset();
    var top = pos.top;
    var left = pos.left;
    $("body").append(function() {
      $(this).append('<div style="top:' + top + 'px !important;left:' + left + 'px !important;" class="htmltooltip_content">' + tooltip_content + '</div>');
    });
  });
}, 100);

但我想从 pos.top 减去 60 像素，从 pos.left 减去 70 像素

有什么办法可以做到这一点吗？感谢任何帮助，提前谢谢您!

Answer 1

您只需减去所需的像素数量即可。 jQuery .offset() 返回一个带有数值的对象:

{顶部:20，左侧:30}

因此只需将附加行更改为:

   $("body").append(function() {
      $(this).append('<div style="top:' + (top - 60) + 'px !important;left:' + (left - 70) + 'px !important;" class="htmltooltip_content">' + tooltip_content + '</div>');
    });

尽管我建议像这样保持干净:

setTimeout(function() {
  $(".htmltooltip").click(function() {
    var tooltip_content = $(this).attr("data-tooltip-content");
    var pos = $(this).offset();
    var top = pos.top - 60;
    var left = pos.left - 70;
    $("body").append(function() {
      $(this).append('<div style="top:' + top + 'px !important;left:' + left + 'px !important;" class="htmltooltip_content">' + tooltip_content + '</div>');
    });
  });
}, 100);