奇怪的绝对定位行为

时间:2012-08-20 14:56:37

标签: jquery css positioning

我正在使用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'});
});

1 个答案:

答案 0 :(得分:1)

您应该在CSS属性名称

之间使用引号
$("#tagging-msg").css({'position': 'absolute', 'top': top,...