jquery - 如何在jquery中限制工具提示的边界？

您好，我将Tooltip与Codemirror一起使用，我要使工具提示的边界不超出编辑器的边界。

这是代码：
CSS：

.tooltip{background:red;z-index:1000;}

脚本：

var cm = CodeMirror(document.getElementById("editor"), {
    value: "function myScript() {\n    return 100;\n}",
    mode: "javascript",
    indentUnit: 4,
    lineNumbers: true,

});

var textMarker;

$('#add').click(function() {
    textMarker = cm.markText({
        line: 1,
        ch: 4
    }, {
        line: 1,
        ch: 10
    }, {
        className: 'marked-text'
    });

    $('.marked-text').tooltip({
        title: 'This is a return statement sfdl glrflg rgmlf',
        container: 'body',
        delay: { "show": 500, "hide": 100 },
        animation: false
    });
});

$('#remove').click(function() {
    if (textMarker) {
        textMarker.clear();
    }
});

我该如何解决这个问题？

注意：我完全想给工具提示标题，所以平铺0不能解决问题。

最佳答案

我在您的CSS代码中添加了0填充。

html, body {
  padding: 0;
}

您想要实现的是this吗？