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