jquery - 奇怪的绝对定位行为

Question

我正在使用 jQuery 添加一个新的 div 并将其放置在原始 div 之后。一切正常，定位正确，但是当我滚动时，绝对定位的 div 充当 fixed 并且不随内容滚动。

有人知道为什么会这样吗？

$('[data-tagging]').after('<div id="tagging-msg"></div>');

$('[data-tagging]').on("keyup", function(e) {
    var content = $(this).text();
    var go = content.match(start);
    var name = content.match(word);

    var offset = $(this).offset();
    var height = $(this).outerHeight();
    var width = $(this).outerWidth();

    var top = (offset.top + height) - 3 + "px";
    var left = offset.left + "px";

    $("#tagging-msg").css({position: 'absolute', top: top, left: left, width: width - 10 + 'px'});
});

Answer 1

您应该在 CSS 属性名称之间使用引号

$("#tagging-msg").css({'position': 'absolute', 'top': top,...